爲什麼清楚不明確？

我一直在遇到一些問題。我不知道爲什麼我的div.clear沒有完成這項工作。正如你所看到的下一個按鈕應該被包圍在紅色的div中。請檢查我的源謝謝！爲什麼清楚不明確？

<div id="buttonsx"> 
        <div id="next">next</div> 
        <div class="clear">&nbsp;</div> 
       </div>

請閱讀：http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work -can-i-just-paste-a-link-to-it –

'css'在哪裏？ –

只需添加overflow:auto到按鈕。它的工作原理 - 我測試了它。

#buttonsx { 
    padding: 10px; 
    color: #fff; 
    background-color: red; 
    overflow: auto; 
}

發生這種情況的原因是因爲內容在按鈕上摺疊，因爲它沒有設置高度。設置overflow:auto將強制父母包含孩子。

2013-10-18 19:50:49

儘管可能應該使用'overflow：auto'。 –

@GiovanniSilveira當然，我會更新我的答案。雖然他們都解決了這個問題。 –

他們都解決了這個問題。但是隱藏的溢出可能會在以後給你其他不希望的問題。清除浮動的真正替代應該是'overflow：auto'，而不是'hidden' –

你在你main.css在行126

#buttonsx>div { 
    border-radius: 5px; 
    display: inline-block; 
    float: left; /* <-- this is the problem */ 
}

有這個這float: left;規則引起的問題，如果你從這個刪除float: left;，它會工作，因爲它該做的。

Screenhot：

enter image description here

2013-10-18 19:59:35

回答