CSS换行问题

我在论坛上搜索了一个类似的CSS问题，但我的关键词没有真正的帮助。如果有人问我这个问题，我很抱歉，但我找不到

所以，简单地说，我对网站设计还不熟悉，我正试图为一个朋友建立一个网站。我已经有了一个想法，正在一点一点地整理，但我遇到了一个奇怪的问题。这很难解释，因此我将发布两个链接，并解释两者之间的区别：

及

如果你看看这两个网站，我遇到的问题应该很清楚。基本上，我有一个“内容”部分，在前两行中似乎有一些无形的标签侵入它。上面两个引用之间的唯一区别是，在第一个引用中，我在“内容”部分放置了一个标记，在第二个引用中，我放置了两个换行符，然后是标记。事实上，当有两个换行符时，文本会自动换行，但我认为有一些DOM元素侵入了“content”div的空间，但我使用了每个浏览器的“inspect”工具，无法找到罪魁祸首。如果有人能帮助我，我将不胜感激。谢谢大家!

在第一个链接中（无换行符，移除顶部：25px添加覆盖：自动）

---

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

要解决您的问题，您可以在

#content

#content{clear:both;}

---

试着在这里找到答案：我已经在那个网站上看过很多次了。我已经研究了很多CSS，实际上对它了解很多，但是我遇到的问题对我来说是陌生的。一般来说，如果我遇到这样的问题，我可以使用FireBug或浏览器的内置调试器来查找我的问题，但这一次似乎没有任何帮助：（你说的包装是什么？单词“Test”是如何包装的？我想“wrap”是一个错误的术语。基本上，在上面的第一个示例中，单词“Test”它向右偏了一段距离，但有几条线断了，它把它移到了应该在的左边。这表明有什么东西“挡住了它的去路”让它一开始向右移动，然后随着换行符向下移动，在阻止它的任何东西下面，最后在左边，我希望这会有所帮助。尝试溢出：自动；或清除：两者都用于内容我希望我可以为这篇文章和上面的文章都添加一个检查，因为它们都有效，但我不被允许“overflow:auto”和“clear:both”建议都有效，但我对为什么会出现这种情况感到有点困惑。你说我使用css位置不合适，我想知道为什么会出现这种情况。我使用的唯一定位是在“部分”之间留出必要的间距“还有背景图像。有更好的方法吗？即使有，我也不明白为什么我需要清除浮动才能正确显示内容……内容分区与其他分区分开，我没有使用任何“绝对”或“固定”定位。也许我对“浮动”的理解”这就是需要修改的地方。我已经阅读了大量CSS文章来帮助解释定位和浮动，我认为我理解了（它们），但显然我不理解。我真的不明白为什么在不应该有浮动侵入“内容”的情况下，“清晰：两者”都起作用div.我认为你决定用什么来分隔容器更具主观性。可能“不合适”不是正确的词。我会让div自然堆叠，并可能使用边距来创建间距。你在徽标和导航栏上使用了float。而不是元素之后使用了float。因此，它变得有点混乱通常，如果您对某些容器使用浮点数，并且决定不对以下容器使用浮点数，您可能需要清除这些浮点数，就像我对解决方案所做的那样。

#content{clear:both;}