为了账号安全,请及时绑定邮箱和手机立即绑定

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
老师说,这个问题同学们回答的很好
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:790px;border:1px solid #999;}
当俩个相邻的块级元素,前一个设置浮动,后一个不设置时,俩个块级元素会发生重叠,浮动元素在上层。
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left;width:650px;border:1px solid #999;margin:0 auto 0 13px;}
#right{position:absolute;left:792px;border:1px solid #999;}
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0;
left:200px;
margin:0 auto;

}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{position:absolute;width:110px;margin-left:0px;border:1px solid #999;}
#mid{position:absolute;width:650px;border:1px solid #999;margin-left:130px;}
#right{position:absolute;margin-left:800px;border:1px solid #999;}
课程学习结束,老师讲的细节都很到位,我也一边听一遍做笔记。虽然自己有一些基础,但是还是从中发现了自己的不足,可谓受益匪浅。感谢老师的细心讲解。但是,知识是严谨的,学问是严谨的,也希望老师再辛苦一些,再仔细一些,做出更完美的课程!授人以鱼不如授人以渔,授人以渔不如授人以好渔!老师辛苦了,后面来的同学们加油,如果有不懂,先去评论区看看,毕竟那里有大牛~~~fighting!
清除浮动的常用方法:
1、clear属性
clear:both
clear:left或right
2、同时设置width:100%(或固定宽度)+overflow:hidden
总是被这个教程给搞糊涂了,总体来说,觉得老师的案例可以用来练习,但是她讲的理论知识偏差太大。。
横向两列布局那个视频里,文字是怎么居中的?
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999;margin-right:11px; }
#mid{float:left;width:650px;border:1px solid #999;margin-right:15px;}
#right{float:left;width:177px;border:1px solid #999;}
方法是多种多样的,主要灵活运用。大家加油!
属性值设置:上右下左
#mainbody{position:relative}

.content{position:absolute;top:0;margin-left:200px;}
#mainbody{}
都有四个翻向。。。。。
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消