0

我遇到了另一个 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>
4

1 回答 1

0

尝试添加这个：

border-collapse: collapse;
border-spacing: 0;
于 2012-09-16T01:45:42.183 回答