Question

我在论坛上搜索了类似的CSS问题，但我的关键字并没有真正帮助。如果有人在其他地方被问过我却道歉，我很抱歉。

所以，简单来说，我是网站设计的新手，我正在尝试为朋友建立一个网站。我有一个想法，并将它一点一点地放在一起，但我遇到了一个奇怪的问题。这很难解释所以我会发布两个链接并解释两者之间的区别：

如果你看看这两个网站我应该清楚我遇到的问题。基本上，我有一个“内容”部分似乎有一些隐形标签入侵前两行。上面两个引用之间的唯一区别是，在第一个，我把一个＆lt; p>标记在“内容”部分，在第二个，我放两个换行符然后＆lt; p>标签。事实上，当有两个换行符时文本换行，但没有另外告诉我有一些DOM元素侵入“内容”div的空间，但我已经使用了每个浏览器的“检查”工具而无法找到罪魁祸首。如果有人可以帮助我，我会非常感激。谢谢！

Answer 1

在第一个链接中（没有换行符，删除顶部：25px add overflow：auto）

#content {
background: white;
position: relative;
width: 100%;
height: 550px;
margin: auto;
opacity: 0;
overflow: auto;
}

Answer 2

我看了你的代码，需要重新思考和重组。你使用css位置是不合适的。请深入了解定位和浮动，以便更好地了解如何构建容器。

要解决您的问题，您可以在clear: both

上添加#content

#content{clear:both;}

CSS换行问题

2 个答案: