爲什麼我在CSS中使用的填充百分比沒有工作？

Question

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

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

我想使用百分比使菜單部分在所有維度上都響應。我怎麼能做到這一點？

Answer 1

什麼你寫的是技術上的罰款。它可能會被忽略 - 但這只是一種可能性。它也將取決於父元素的寬度。

Answer 2

嘿，現在在你的錨鏈接定義像素值

取代%在pixel value

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

Demo

Answer 3

％在這裏工作，但'li'元素中的錨標籤沒有指定任何寬度，這就是爲什麼你無法看到效果。

如果您想查看效果，請在「#coolMenu li a」中放置「width：100px」，您將看到％padding的即時效果。