php - HTML : P Tag height exceeding parent DIV tag height

Question

我有一个 HTML 脚本如下:

<DIV id="body_area">
    <TABLE> SOME cODE INSIE TABLE...</TABLE>
</DIV>
<DIV id="foot">
    <P>&copy;Copyright/2014</P>
</DIV>

上面代码的CSS:

#body_area{
    background:yellow;
}
#foot{
    background:red;
    height:20px;
    padding:0px;
    margin:0px;
    border:0px;
}
#foot p{
    color:white;
//  height:20px;
    line-height:18px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:regular;
    font-size:16px;
    padding:0px;
    margin-left:10px;
    margin-right:10px;
    border:0px;
}

我在 #body_area 之间得到了大约 20px 的白色间隙/空间。 & #foot ，我尝试替换 <P></P>埠<i></i>以及两者之间的空白/白色带div消失。如何限制 P 的高度在其父项中标记为 DIV ？我尝试申请 height:20px;明确地给 P标记但没有效果....

问候。

Answer 1

我已经为你创建了一个 JSFiddle:http://jsfiddle.net/9rTFK/

#foot p 规则有两个问题，你不能在 CSS 中用 // 注释，你需要做 /*height: 20px*/，否则浏览器将使用此规则。

关于您的空间问题，只需添加:

margin:0

#foot p CSS 规则