0

これは私のhtmlです：

<div id="bar">
    <div class="container">
        <div class="item"></div>
    </div>
</div>

#bar は 100% で、オーバーフローは非表示です。

.container は 1600px で、margin: 0 auto; 中心にします。また、position:relative;

.item は 960px で、この要素を中央に配置したい

画面が正確に 1600px の場合、.item は正しく中央に配置されます。でも、小さくすると、.item がもっと右に寄ってしまいます。計算されたマージンは常に 320px ((1600-960)/2) であり、.container から相対的に計算されるようです。ただし、ブラウザはビューポートに対してマージンを適用します。

親が表示されていないときに、ブラウザーに親からの相対的なマージンを適用させる方法を知っている人はいますか?

4

1 に答える 1

0

私は jsfiddle でこの例を思いつきましたが、小さいサイズを使用したので見やすくなりました。margin: 0 auto;.item に追加すると修正されるはずです。

http://jsfiddle.net/EMHSs/

于 2013-01-10T18:51:03.440 に答える