为什么这个HTML不简单？

Question

http://codejanitor.us/nightclub2/

为什么我的问候不是：

1. 扩展包含它们的div
2. 住在div里面？

Answer 1

您没有收到它们，请参阅http://work.arounds.org/issue/3/clearing-floats/

基本上隐藏在#header上的溢出溢出。而你需要做的就是添加左边距，因为它们被正确调整到左上角。

Answer 2

按照说明

将您的标记更改为此

<div id="header">
    <div style="float: left;">
        hello<br>
        hello<br>
        hello<br>
        hello<br>
    </div>
    <!-- add clear:both-->
    <div style="clear: both;">
    </div>
</div>

更改你的CSS：

#header {
    background-image: url("images/header.gif");
    background-repeat: repeat-y;
    width: 873px; /* remove width */
    padding: 0px 50px; /* add padding to header */
}