你能幫我在我的網站上修復這個css Bug嗎？

Question

這裏是我試圖修正錯誤：

image of bug http://img26.imageshack.us/img26/9008/bild292.png

我已經試過一切，我離開現在的想法，這裏是它應該是什麼樣子：

ideal output http://img809.imageshack.us/img809/3508/bild293.png

網站是：http://mobilova.de/index.php。

Answer 1

它試圖浮動嗎？在其下面添加下面的div：

<div style="clear: both;"></div> 

否則，按鈕的高度不會壓低其餘內容。

Answer 2

您需要添加this clearfix你的CSS：

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

.clearfix { 
    display: inline-block; 
} 

html[xmlns] .clearfix { 
    display: block; 
} 

* html .clearfix { 
    height: 1%; 
} 

然後，你需要添加clearfix到div#mf15類。這解決了我的問題。

Answer 3

您需要清除浮動元素。您可以使用其他人建議的明確修復方法，也可以簡單地將overflow:hidden或overflow:auto指定爲.inside和#red-box。將＃red-box從摺疊狀態保存的唯一方法是min-height。然後，您將能夠調整您在按鈕元素上設置的邊距，現在它將被清除後生效。

CSS：

#red-box{ 
overflow:hidden; 
} 

.inside{ 
overflow:hidden; 
}