哪位解釋下 left和right應該都不在文檔流里,所以foot沒clear時,foot應該在left right下面。我看背景顏色確實是在下面,但是如果div里面有內容的話,內容還是會跑到right的后面,而沒有和left重疊。謝謝
2015-12-14
正確答案:
#wrap{width:970px; margin:0 auto;}
#mainbody{ width:100%;overflow:hidden;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;left:794px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{ width:100%;overflow:hidden;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;left:794px;border:1px solid #999;}
2015-12-12
最新回答 / 慕男嬸
Firefox、chrome、safari、opera、IE都有(低版本IE沒有,貌似是IE7及一下沒有,記不清了,你查一下吧)調出debug窗口的方法:1、左鍵--> 審查元素(或檢查元素) 即可打開2、快捷鍵 F12,也能打開
2015-12-12
浮動:可實現塊級元素橫向排列
1、3個屬性值:left-左浮動,right-右浮動,none-不浮動
2、設置了浮動的元素,仍舊處于標準文檔流中,意味著會占據標準文檔流中的空間,對周圍的元素產生影響
3、當元素沒有設置寬度值,而設置了浮動屬性,元素的寬度隨內容的變化而變化(沒內容時直接縮到浮動的那一邊,看不見了)
4、當元素設置浮動屬性后,會對相鄰的元素產生影響,相鄰元素特指緊鄰后面的元素
1、3個屬性值:left-左浮動,right-右浮動,none-不浮動
2、設置了浮動的元素,仍舊處于標準文檔流中,意味著會占據標準文檔流中的空間,對周圍的元素產生影響
3、當元素沒有設置寬度值,而設置了浮動屬性,元素的寬度隨內容的變化而變化(沒內容時直接縮到浮動的那一邊,看不見了)
4、當元素設置浮動屬性后,會對相鄰的元素產生影響,相鄰元素特指緊鄰后面的元素
2015-12-12
#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;}
#left{float:left; width:110px; margin-top:13px;}
#mid{float:left; width:650px;border:1px solid #999;}
#right{position:relative;margin-top:17px;border:1px solid #999;}
也不知道這樣對不對。。。不過效果是出來了。
#mainbody{ margin-top:15px;}
#left{float:left; width:110px; margin-top:13px;}
#mid{float:left; width:650px;border:1px solid #999;}
#right{position:relative;margin-top:17px;border:1px solid #999;}
也不知道這樣對不對。。。不過效果是出來了。
2015-12-12