div+css小疑問。_html/css

來源：懂視網責編：小采時間：2020-11-27 16:31:15

div+css小疑問。_html/css

div+css小疑問。_html/css_WEB-ITnose:CSS 大家看一下這個left 和right 共同被一個#maincontainer div包裹。代碼如下。 #left { background: #eee; width: 350px; height: 400px; float: left; } #right { background: #ccc; width: 150p

推薦度：

點擊下載本文 文檔為doc格式

導讀div+css小疑問。_html/css_WEB-ITnose:CSS 大家看一下這個left 和right 共同被一個#maincontainer div包裹。代碼如下。 #left { background: #eee; width: 350px; height: 400px; float: left; } #right { background: #ccc; width: 150p

CSS

大家看一下這個left 和right 共同被一個#maincontainer div包裹。
代碼如下。

 #left { background: #eee; width: 350px; height: 400px; float: left; } #right { background: #ccc; width: 150px; height: 400px; float: right; } #maincontainer { width: 500px; overflow: auto; } #foot { background: #eee; width: 500px; height: 100px; }

運行起來是沒有問題的 “這里為什么出現？” 是沒有的。

但是為什么設計頁面中要空出這一塊呢？我并沒有設置#maincontainer的height。
也沒有任何的邊框。為什么出現那一塊了呢？運行起來卻沒有問題。看著真別扭。
求大神幫解答。

回復討論(解決方案)

#foot{
clear:both
}
試試

*{margin:0;padding:0;}

LZ啥瀏覽器？

1樓和2樓的辦法都可以試試

 #foot { clear:both; background: #eee; width: 500px; height: 100px; }

測試了IE7、8、9、10和chrome，在IE7中出現這種現象，正在找解決方式。

需要加上層來清除浮動~~

.clear{clear:both;background: none;border: 0;display: block;float: none;font-size:0;margin:0;padding:0;overflow: hidden;visibility: hidden;width:0px;height:0px;line-height:0px;}#left { background: #eee; width: 350px; height: 400px; float: left; } #right { background: #ccc; width: 150px; height: 400px; float: right; } #maincontainer { width: 500px; overflow: auto; } #foot { background: #eee; width: 500px; height: 100px; }

需要加上層來清除浮動~~

.clear{clear:both;background: none;border: 0;display: block;float: none;font-size:0;margin:0;padding:0;overflow: hidden;visibility: hidden;width:0px;height:0px;line-height:0px;} #left { background: #eee; width: 350px; height: 400px; float: left; } #right { background: #ccc; width: 150px; height: 400px; float: right; } #maincontainer { width: 500px; overflow: auto; } #foot { background: #eee; width: 500px; height: 100px; }

大家誤會了我可能強調的也不對，這個是在VS2008的設計頁面中的情況。瀏覽器運行是正常的。。

應該是上下div邊距的問題

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com