css - CSS换行问题

Question

我在论坛中搜索了类似的 CSS 问题，但我的关键字并没有真正帮助。如果在其他地方问过这个问题，我很抱歉，但我找不到。

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

链路 1和 链路 2

如果您查看这两个站点，我遇到的问题应该很清楚。基本上，我有一个“内容”部分，前两行似乎有一些不可见的标签侵入它。上面两个引用之间的唯一区别是，第一个，我在“内容”部分放了一个 < p > 标签，第二个，我放了两个换行符，然后是 < p > 标签。当有两个换行符时文本换行但没有其他情况的事实向我表明，有一些 DOM 元素侵入了“内容”div 的空间，但我使用了每个浏览器的“检查”工具，但找不到罪魁祸首。如果有人可以帮助我，我将不胜感激。谢谢！

Answer 1

我查看了您的代码，它需要重新思考和重组。您对 css 职位的使用不合适。请深入研究定位和浮动，以更好地了解如何构建容器。

clear: both要解决您的问题，您可以添加#content

#content{clear:both;}

Answer 2

在第一个链接中（没有换行符，删除 top:25px 添加 overfolw:auto）

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