这是一个非常简单的 jsFiddle 来演示我的问题:http: //jsfiddle.net/ryandlf/mSmUv/4/
当一个元素具有顶部填充或边距并且它位于 div 内的第一行时,div 不尊重该填充或边距并将元素向下推。在大多数情况下,这不是问题,但例如,如果我有一个具有顶部边框的按钮并且填充边框顶部将被切断,因为 div 没有考虑填充值。
除了盲目地在每个容器 div 元素上设置边距或填充并希望我已经添加了足够的内容以解决可能受到影响的任何内部元素之外,是否有解决方法?
这是一个非常简单的 jsFiddle 来演示我的问题:http: //jsfiddle.net/ryandlf/mSmUv/4/
当一个元素具有顶部填充或边距并且它位于 div 内的第一行时,div 不尊重该填充或边距并将元素向下推。在大多数情况下,这不是问题,但例如,如果我有一个具有顶部边框的按钮并且填充边框顶部将被切断,因为 div 没有考虑填充值。
除了盲目地在每个容器 div 元素上设置边距或填充并希望我已经添加了足够的内容以解决可能受到影响的任何内部元素之外,是否有解决方法?
按钮元素是inline
. 要获得所需的行为,您可以设置display:inline-block
. 在这里检查
尝试将以下内容添加到父 div:
溢出:隐藏
我希望它有帮助!