Question

我有以下代码，以显示div，并在div中显示一个文本： html的：

<div id="footer">
        <h4>text</h4>
    </div>

的CSS：

#footer {
height: 20px;
position: fixed;
opacity: 0.2;
background-color: #69D2E7;
bottom: 20px;
right: 10px;
width: 150px;
border: solid #000;
border-width: 1px;
text-align: center;
vertical-align: middle;
}
h4 {
font-family: calibri;
font-size: 14px;
}

对于一些reasen h4 tekst显示在我的div下。如果我让div更高：50px而不是20px h4适合它，它完全对齐。

如何在我的div（页脚）中获取h4？所以我得到一个小盒子，页脚，还有我的文字。

希望你能提供帮助：）

Answer 1

默认情况下，标题标签具有边距。在这种情况下，H4标签的上边距将其推出页脚框的边界。如果在标题标记上应用0的边距，则适用。

h4 {
  font-family: calibri;
  font-size: 14px;
  margin: 0;
}

实施例： http://jsfiddle.net/KnC3N/1/

您可以在此处详细了解默认样式：http://www.w3.org/TR/CSS2/sample.html

Answer 2

<h4>的默认保证金使其看起来像是被推出了div。添加margin:0;

h4 {
    font-family: calibri;
    font-size: 14px;
    margin:0;
}

<强> jsFiddle example

<h>文本未在<div> </div> </h>中发布

2 个答案: