帶位置的屏幕的CSS百分比：絕對

Question

我有一個「浮動」菜單類型的東西在配置文件的左側顯示一些信息，它看起來不錯，但我之前使用了不同的電腦，它與主頁主體重疊（由於屏幕分辨率）。

因此，這是原來的CSS（與CSS3花哨的東西剝離出來）：

position: absolute; 
border: 1px solid #73a7f0; 
width: 200px; 
left:10px; 
top: 160px; 
padding: 5px 14px; 
border-radius: 4px; 

，這就是我要做的，已更改的行是：

width: 10%; 

任何想法如何看起來相同取決於屏幕？

謝謝！

Answer 1

如果容器有靜態定位，Diodeus的答案是正確的。如果容器的寬度設置爲，甚至一個百分比寬度，並且容器的位置不是static（默認值），則該子將使用該位置作爲百分比寬度的上下文。

這裏的小提琴：http://jsfiddle.net/USJnN/

Answer 2

絕對定位的元素不再是佈局的一部分。當爲塊元素指定寬度時，寬度爲，相對於其容器。如果沒有固定大小的容器，除了瀏覽器窗口（可變）之外，百分比並沒有真正的大小上下文。

以像素爲單位使用寬度是您在這種情況下需要的。