CSS根據實際父級大小而不是父級大小，而不是視點大小

Question

通常爲margin-left：auto和margin-right：auto會將父級div中的div居中，但此解決方案基於視點大小，意思是if父div大小大於視點，這將只在父div的可見部分內居中子div。

如何根據父母的實際大小而不是父母的視點大小來居中子div？

感謝，

Answer 1

你可能會遇到其他問題。具有margin：auto和另一個寬度較寬的塊元素中的設置寬度的塊元素將居中，即使容器比視口寬。

.hooge-div{ 
    width: 2000px; 
    background: #eee; 
    height: 50px; 
} 

.small-one{ 
    width: 50px; 
    margin: 0 auto; 
    background: #111; 
    height: 20px; 
} 

見http://jsfiddle.net/EW7Wy/

Answer 2

使用自動利潤率左緣和右只需要在觀點尺寸考慮如果父DIV不具有特定的寬度。

例如，父DIV以下具有特定的寬度和子是基於該特定寬度居中：

<div style="width: 1200px; background: blue;"> 
    <div style="margin: 0 auto; width: 50px; background: red;"> 
     I am the child div. 
    </div> 
</div>