我遇到了另一个StackOverflow用户问的问题:link。 解决方案是在容器(div)上使用以下CSS:
display:table;
width:100%;
但是,我的div底部有一个边框,现在div的内容与边框之间存在间隙。
有谁知道如何消除这种差距?
编辑:
容器的CSS:
background-image:url('images/header.jpg');
background-repeat:repeat-x;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:5px;
font-size:small;
font-weight:bold;
也许值得我补充一点,在这个容器里面是另一个带有以下CSS的div:
#header
{
clear:both;
height:50px;
margin-left:auto;
margin-right:auto;
width:900px;
}
#header > *
{
float:left;
}
还有一些HTML:
<div id="header-container">
<div id="header">
</div>
</div>
答案 0 :(得分:0)
尝试添加此内容:
border-collapse: collapse;
border-spacing: 0;