嗯,box1浮动后脱离文档流,遮住了box2,而不是box2也浮动了。但是box2里面的元素会受到影响。虽然box2还是占据了整行,但是里面的元素会避开box1的位置,这是浮动与绝对定位脱离文档流的区别。
这里误导我好久,今天重刷一遍才发现是在这里被误导了。
这里误导我好久,今天重刷一遍才发现是在这里被误导了。
2016-06-12
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。来自w3cschoolhttp://www.w3school.com.cn/css/css_positioning_floating.asp【老师这一点是不是讲错了】
2016-06-11
#mainbody{ margin-top:15px;position: relative;}
#left{width:110px;float: left;margin: 0 13px 0 0;}
#mid{width:650px;border:1px solid #999;overflow: hidden;}
#right{border:1px solid #999;
position: absolute;
top: 0;margin-left: 777px;}
#left{width:110px;float: left;margin: 0 13px 0 0;}
#mid{width:650px;border:1px solid #999;overflow: hidden;}
#right{border:1px solid #999;
position: absolute;
top: 0;margin-left: 777px;}
2016-06-10