css - css マージン左、px では機能しますが、% では機能しません

Question

このコードが機能しない理由は誰にもわかります。

#interieur{
    display: inline-block;
    position: absolute;
    left:50%;
}

そして、これはそうします

#interieur{
    display: inline-block;
    position: absolute;
    left:500px;
}

私はPHPで作業しており、div「interieur」はエコー内にあります

Answer 1

div 幅の半分を左の位置に減算するのを忘れているため、機能しません (左が 50% で右が 50% の場合、div の幅は 0% になります:)

CSS3 Calc を使用して、div のサイズを知る前に結果を得ることができます。

#interieur{
    display: inline-block;
    position: absolute;
    left:calc(50% - 100px); /* 100px is half of your div width */
    border: 1px solid #ccc;
    width: 200px;
    height: 200px;
}

デモ: http://jsfiddle.net/zZHRY/3/

Answer 2

divの幅を指定できる場合は、次のことを試してください。

width: 500px; /* insert width here */
margin: 0 auto;