在列表元素中填充不填充可用空间的显示：块和高度/宽度设置为100％

在下面的提琴中，我希望锚元素占据其父元素的所有可用空间：在列表元素中填充不填充可用空间的显示：块和高度/宽度设置为100％

不能看到我做错了:(

2011-06-12 RyanP13

非常相似但较不具体的身高：http://stackoverflow.com/questions/7019231/how-do-i-make-an-a-tag-the-size-of-its-parent-li -tag-for-larger-clickable-r – 2014-11-17 08:54:57

戴上a填充，而不是li，并采取宽度关a的。

http://jsfiddle.net/Gb38x/

来源

2011-06-12 17:44:52 jeremysawesome

同意但应该在display上显示：block然后填充父li的可用空间吗？ – RyanP13 2011-06-12 17:46:52

'a'上的'display：block;'填满了父'li'的可用空间。但是，原始'li'上的额外填充不会被视为可用空间来渲染内容，填充应用于**内容的外部**。因此，您需要将填充移到子元素中以便将'li'推出。 – jeremysawesome 2011-06-12 17:59:33

另外 - 可能会看看这个问题来解决'border-radius'裁剪问题：[http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius](http： //www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius） – jeremysawesome 2011-06-12 18:08:54

在列表元素中填充不填充可用空间的显示：块和高度/宽度设置为100％

回答

相关问题