CSS内联填充行为

Question

由于某种原因，锚标记上的填充溢出了父级＆lt; li＆gt;＆lt; / li＆gt;。添加display：block时不再溢出。边距而不是填充也会发生同样的情况。为什么在调整大小＆lt; li＆gt;＆lt; / li＆gt;？

时会忽略填充

HTML：

<ul>
<li><a href="">Link</a></li>
</ul>

CSS：

ul{list-style:none;text-align:right;}
ul a{padding:3px;}

Answer 1

padding-left或padding-right不应该出现问题。但是垂直填充不适用于<a />等内联元素。

Answer 2

可以定义父元素的宽度，使您的a推出元素之外。尝试使用Web Inspector或Firebug查看<ul>，<li>或其他包含<div>的广告是否具有已定义的宽度。

Answer 3

因为li是内联元素。试试这个：

<强> CSS

ul { list-style:none;text-align:right; }
ul li { display:block; }
ul li a { display:block;  margin:30px; }