Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我在我的 CSS 中使用百分比而不是像素来填充,但它们不起作用。
.menu li a{ padding-left:5%; padding-right:5%;}
我想使用百分比来使菜单部分在所有维度上都具有响应性。我怎么能做到这一点?
你写的在技术上是好的。它可能会被覆盖——但这只是一种可能性。它还取决于父元素的宽度。
嘿,现在在您的锚链接中定义像素值
替换%_pixel value
%
pixel value
padding-left:5px; padding-right:5px;
演示
% 在这里工作,但您在 'li' 元素内的锚标记没有指定任何宽度,这就是您看不到效果的原因。
如果你想看到效果,尝试在“#coolMenu li a”中放置“width: 100px”,你会立即看到 % padding 的效果。