Question

嗯，这就是我所说的。 http://jsfiddle.net/CvgFS/1/ 我的英语太缺乏解释它了，我希望可以理解为什么我得到一个滚动条，我的意思是，内容适合页面。我在Opera上得到了这个。

CSS：

h4{
margin:100px;
text-align: center;
line-height: 0em;    
font-weight:bold;
font-size: 35px;
}

h5{
margin:-25px;
text-align: center;
line-height: -1em;
font-weight:bold;
font-size: 15px;
}

HTML：

<body>
<h4>X</h4>
<h5>D</h5>
</body>

Answer 1

这是由于您使用了负边距：

margin: -25px;

没有负余量，没有滚动条 jsFiddle example

Answer 2

这更好。您不需要重复相同的属性。另外，请删除margin: -25px;

h4, h5 {
   text-align: center;    
   font-weight:bold;
}

h4 {
    margin:100px;
    line-height: 0em;
    font-size: 35px;
}

h5 {
    line-height: -1em;
    font-size: 15px;
}

http://jsfiddle.net/DwRNh/1/

为什么我的内容适合在底部有滚动条？

2 个答案: