一個CSS問題，尋求幫助

Question

尋求幫助。我是一個css新手，並製作了一個模板。以上在IE7中顯示的模板正常;但在上面的Mozilla Firefox中，存在錯位的情況。我應該問如何解決這個問題？

此模板演示地址：http://blog.512059.cn

**

在＃bgtop添加溢出：隱藏;.問題解決了。非常感謝prodigitalson和Eric Muyser幫我

**

Answer 1

爲了.bgtop與元素的長度，以擴大內需，你需要清除浮動元素。在這種情況下，最簡單的方法是以像素爲單位設置.bgtop的寬度，然後將溢出設置爲隱藏。

.bgtop { width: 816px; overflow: hidden;} 

也有一些其他的方法來清除浮動，更多的方法谷歌的「浮動清理」或類似的東西。

Answer 2

除了「overflow：hidden」，您還可以使用「clear：both」來解決float問題。基本上只是在#page div的底部插入墊片：

<br clear="all" /> 

或

<br style="clear: both" /> 

後者未出現在此情況下，爲我工作，而無需添加在標籤的一些文本。

你可以使它成爲一個div，並使用CSS。