Question

我一直在尝试构建一个非常简单的布局，其中所有内容都是垂直流动的，但只要我向其中一个div添加任何内容，它就会在它下面的div之间创建空格。

以下是一个示例图片：http://chriswebbonline.com/imagelinks/help.jpg

这是我的HTML

<body>

<div id="container">

<div id="header">
<p>&nbsp;</p>
</div>

<div id="chat">
<p>.</p>
</div>

<div id="footer">
<p>.</p>
</div>

</div>
</body>

这是我的CSS

body {
    background-color:#777;
    font-family:Verdana, Geneva, sans-serif;
}

#container {
    width:100%;
    }

#header {
    text-align:center;
    background-color:#000;
    color:#FFF;
    }

#chat {
    background-color:#EEE;
        }

#footer {
    background-color:#000;
    }

我想知道如何阻止空白自动出现。

〜克里斯

Answer 1

试

p {
   margin : 0;
}

段落标签边距默认不为0

Answer 2

只是预感，但请尝试：

<div id="header">
<p>&nbsp;</p>
</div><div id="chat">
<p>.</p>
</div><div id="footer">
<p>.</p>
</div>

（开始和结束标签之间没有空格。）

DIVS之间的水平白色空间

2 个答案: