#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;position:absolute;}
#left{float:left;margin-right:13px;width:110px; border:1px solid #999;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:right;width:177px;position:absolute;left:794px;border:1px solid #999;}
perfect!!
#mainbody{ margin-top:15px;position:absolute;}
#left{float:left;margin-right:13px;width:110px; border:1px solid #999;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:right;width:177px;position:absolute;left:794px;border:1px solid #999;}
perfect!!
2017-07-05
已采纳回答 / 慕慕6062283
你所理解的只有一个小错误,只需要加一次2px边框就行了,因为left没有border,只有mid有border。所以正确的列式应该是:#right的left值=110(left的width)+13(mid与left间距)+2(mid的border)+650(mid的width)+17(mid与right间距)
2017-07-04
不否认老师的付出,但是还是没有讲清楚。
元素设置了浮动之后的特点
1.脱离标准文档流。
2.行内元素可设置宽高,块状元素不再占一行。(脱离了标准文档流,所以不用遵守这些)
3.文本内容不会被覆盖!!!这一点记住就行了
4.因为脱离了标准文档流,所以此时当父元素没有设置高度的时候,父元素高度就为0了(因为父元素里没有其他元素了,因为我们已经将父元素里的元素设置了浮动脱离了标准文档流)
元素设置了浮动之后的特点
1.脱离标准文档流。
2.行内元素可设置宽高,块状元素不再占一行。(脱离了标准文档流,所以不用遵守这些)
3.文本内容不会被覆盖!!!这一点记住就行了
4.因为脱离了标准文档流,所以此时当父元素没有设置高度的时候,父元素高度就为0了(因为父元素里没有其他元素了,因为我们已经将父元素里的元素设置了浮动脱离了标准文档流)
2017-07-03