网页布局基础_技术问答

首页免费课网页布局基础问答

网页布局基础

全部评论问答未解决精华

wsjx

使用 overflow 默认值（visible）以外的值将创建一个新的块级格式化上下文. 这在技术层面上是必须的——如果一个浮动元素和滚动条相交，它会强制（重新）包围内容元素。 (个人理解) 因为left与right漂浮于mainbody上方，导致left与right会超出mainbody块所能包含的区域，为了让mainbody块能够包裹住left和right，会强制性创建一个区块将left与right包裹住，所以mainbody的高度会包裹住left与right。

0 3-3 横向两列布局

2016-12-24

wsjx

设置了浮动是脱离标准文档流的，视频里讲错了。

1 3-1 浮动布局简介及float属性

2016-12-24

调调37

#wrap{width:970px;margin:0 auto;}
试了之后才知道效果吧。
#mainbody{width:100%;overflow:hidden;position:relative;margin-top:15px;}
#left{float:left;width:110px;}
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute;left:792px;border:1px solid #999;}

0 5-1 网页布局-编程挑战

2016-12-24