2

私がここで取り組んでいるウェブページには、メインdivがあり、メインdiv内にあり、画像divがあります。大まかに言えば、重要なHTMLは次のとおりです。

<div id="wrapper">
    <div id="main">
        <div class="images">
            <p>Content</p>
            <div class="clear"></div>
        </div>
        <p>Text...</p>
    <div class="clear"></div>
    </div>
</div>

およびCSS：

div#wrapper
{
    padding: 10px;
    width: 90%;
}

div#main
{
    padding: 5px;
}

div.images
{
    float: right;
    width: 320px;
    margin-left: 5px;
}

div.clear
{
    height: 0;
    clear: both;
}

問題の原因がここのコード内にない場合はお詫びしますが、そうだと思います。

問題は、imagesdivがdivの内容よりも大きくなると、maindivのwrapper左側のパディングが失われることです。との下部のパディングがmain増加します。この問題はIE7でのみ発生するようです。

4

1 に答える 1

1

与えること#main hasLayoutがトリックを行うことが判明しました。

div#main
{
    zoom: 1;
}

これをIE7スタイルシートに入れると、ほぼ修正されています。下部の境界線はまだ大きくなっていますが、それほど重要ではありません。

于 2009-09-03T08:34:42.733 に答える