0

这是一个非常简单的 jsFiddle 来演示我的问题:http: //jsfiddle.net/ryandlf/mSmUv/4/

当一个元素具有顶部填充或边距并且它位于 div 内的第一行时,div 不尊重该填充或边距并将元素向下推。在大多数情况下,这不是问题,但例如,如果我有一个具有顶部边框的按钮并且填充边框顶部将被切断,因为 div 没有考虑填充值。

除了盲目地在每个容器 div 元素上设置边距或填充并希望我已经添加了足够的内容以解决可能受到影响的任何内部元素之外,是否有解决方法?

4

3 回答 3

2

您与类按钮的链接不是block元素,而是inline元素。通过添加来更改此默认行为,dispaly: block它将按预期工作。jsfiddle上提供了证明。

总而言之,问题不在于 div - 这是 css 的问题 - 内联元素忽略边距和填充,因为它们不能“保留空间”。

更新:要回答您的评论,这是您可能正在寻找的解决方案

于 2012-09-02T20:21:45.157 回答
1

按钮元素是inline. 要获得所需的行为,您可以设置display:inline-block. 在这里检查

于 2012-09-02T20:27:28.460 回答
0

尝试将以下内容添加到父 div:

溢出:隐藏

我希望它有帮助!

于 2012-09-02T21:34:13.897 回答