如何使用百分比宽度居中放置绝对位置图像？

Question

我有以下CSS图像：

element.style { 
    right: 50%; 
    margin-right: -220px; 
    top: 31%; 
    width: 440px; 
    position: absolute; 
} 

我需要使得宽度以百分数设置代替（35.4％），以改变它。我能否仍然居中并保持立场绝对？

Answer 1

当然，如果你想用同样的方式如上只使用35.4/2 = 17.7作为保证金（DEMO）：

element.style { 
    right: 50%; 
    margin-right: -17.7%; 
    top: 31%; 
    width: 35.4%; 
    position: absolute; 
} 

Answer 2

您可以水平中心使用

left:0; right:0; margin:auto; 

所以，如果你有一个div作为标记，css将是

div 
{ 
    top: 31%; 
    width: 38%; 
    height: 100px; 
    position: absolute; 
    left:0;right:0; 
    margin: auto; 
} 

FIDDLE

只要你定义的宽度（以像素或百分比 - 这并不重要），这将工作