css - 如何将两个 div 水平放置在另一个 div 中

Question

我已经很长时间没有玩过 CSS 了，目前没有任何引用资料。我的问题应该相当简单，但谷歌搜索并没有提供足够的答案。所以，增加集体知识...

|#header---------------------------------------------------------------|
|                               TITLE                                  |
|#sub-title------------------------------------------------------------|
|bread > crumb                    |                  username logout   |
|#sub-left                        |                          #sub-right|
|---------------------------------|------------------------------------|

这就是我想要的布局。无论如何标题。我希望副标题包含子左和子右。我使用什么 css 规则来确保一个 div 受另一个 div 的属性约束。在这种情况下，如何确保副标题和副标题保持在副标题内？

Answer 1

这是一个很常见的误解，认为您需要在底部有一个 clear:both div，而实际上您并不需要。虽然 foxy 的回答是正确的，但您不需要那个非语义的、无用的清除 div。您需要做的就是将 overflow:hidden 粘贴到容器上:

#sub-title { overflow:hidden; }