Question

我的HTML脚本如下：

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

abve代码的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＆amp;之间得到的白色间隙/空间约为20px。 #foot，我尝试更换<P></P> bu <i></i>，两个div之间的空格/白带消失了。如何在其父P中限制DIV标记的高度？我尝试将height:20px;明确应用于P代码但不起作用....

问候。

Answer 1

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

#foot p规则中存在2个问题，您无法在CSS中使用//发表评论，您需要执行/*height: 20px*/，否则浏览器将使用此规则。

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

margin:0

到#foot p CSS规则

Answer 2

请考虑更换

＆lt; DIV id =“body_area”＆gt;与＆lt; main＆gt;标签
和＆lt; DIV ID = “脚” ＆GT;与＆lt; footer＆gt;标签

为什么语义标记很重要？因为网络机器理解它，因此对SEO有好处

HTML：P标记高度超过父DIV标记高度

2 个答案: