我想在我的网页的整个主体周围有一个边框。
我创建了一个布局,其中包含一个带有几个div标签的主体。我添加了CSS,我认为它会在所有内容周围添加边框。不幸的是,我的布局中的最后两个div由于某种原因被放置在边界之外。
这是我用于身体的CSS:
body
{
position:relative;
top:5px;
width:1024px;
background-color: #f7f7f7;
padding: 5px;
border:1px solid #151515;
margin:auto;
font-family:Calibri;
}
我怀疑边框没有按照我的意愿显示的原因与此CSS无关。如果您想查看完整的CSS / HTML:http://sprocket-tools.com/
,可以在此处查看该网站我不会通过包含详细的HTML / CSS来膨胀这篇文章。如果您需要有关HTML / CSS方面的更多详细信息,请访问该链接。
答案 0 :(得分:2)
您已经浮动了DIV,导致父元素崩溃。你需要在它们下面放一个清除的元素,强制父元素不这样做。
<div style="height:0px; clear:both;"></div>
将其置于</body>
之上。应该这样做。
请参阅:http://css-tricks.com/all-about-floats/从“The Great Collapse”部分开始