1

負のマージンを使用して要素を中央に配置することは、それをサポートする最新のすべてのブラウザーで正常に機能します。

しかし、IE6 では何ができるでしょうか。

たとえば、次のコードは IE6 で失敗します。

HTML:

<div id="parent">
    <div id="child"></div>
</div>

CSS:

#parent{
    position: relative;
    width: 500px;
    height: 500px;
    margin: 25px auto;
    background: skyblue;
}

#child{
    position: absolute;
    width: 300px;
    height: 100px;
    left: 50%;
    margin-left: -150px;
    top: 25px;
    background: orange;
}

このフィドルを参照してください。

4

1 に答える 1

0

これは特定のシナリオには当てはまらないかもしれませんが、配置ではなくマージンとパディングを使用してみてください。

#parent{
    width: 500px;
    height: 500px;
    margin: 25px auto;
    padding-top: 25px;
    background: skyblue;
}

#child{
    width: 300px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background: orange;
}
于 2013-02-08T04:30:17.830 に答える