嗯,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