CSS换行问题

时间:2013-03-27 06:01:25

标签: css

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

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

Link1Link2

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

2 个答案:

答案 0 :(得分:0)

在第一个链接中(没有换行符,删除顶部:25px add overflow:auto)

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

答案 1 :(得分:0)

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

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

上添加#content
#content{clear:both;}