为什么我在 CSS 中用于填充的百分比不起作用？答案

【问题标题】：Why aren't the percentages I'm using for padding in my CSS working?为什么我在 CSS 中用于填充的百分比不起作用？
【发布时间】：2012-08-30 20:33:09
【问题描述】：

我在 CSS 中使用百分比而不是像素来填充，但它们不起作用。

.menu li a{ padding-left:5%; padding-right:5%;}

我想使用百分比来使菜单部分在所有方面都具有响应性。我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

% 在这里工作，但你在 'li' 元素内的锚标记没有指定任何宽度，这就是你看不到效果的原因。

如果你想看到效果，试着在“#coolMenu li a”中加入“width: 100px”，你会看到% padding的即时效果。

【讨论】：

【解决方案2】：

嘿，现在在你的锚链接中定义像素值

将% 替换为pixel value

padding-left:5px;
padding-right:5px;

【讨论】：

【解决方案3】：

您所写的内容在技术上很好。它可能会被覆盖——但这只是一种可能性。它还取决于父元素的宽度。

【讨论】：