1

2 つの div があり、1 つは左に配置され、もう 1 つは右に配置されます。左の div にはテキストがあり、右の div には画像があります。下に HTML をコピーして貼り付け、同じ行の div を繰り返すと、div が中心からずれます。何故ですか？ここに私のコードがあります -

HTML -

<div id="wrapper">
    <div id="left">

    <br><br>

    <CENTER> TEXT</CENTER></div>
    <div id="right">

    <br><br>

        <font-size: "14px;">

            IMAGE 
            IMAGE
            IMAGE
            <br><br>

        </td>
    </tr>
</div>

CSS -

#wrapper {
    width: 100%;
    overflow: auto;
}

#left {
    float:left;width:48%;margin-right:1%;
}

#right {
    float:right;width:48%;margin-left:1%;
}
}
4

4 に答える 4

1

メインの div (ラッパー) を中央に配置する場合は、css を次のように変更します。

#wrapper{
width:980px /*Could be any width*/
margin:0 auto;
}

これにより、メインの DIV ラッパーが中央に配置されます。

于 2013-11-11T16:19:45.727 に答える
1

ご報告いただいた問題を再現できません。このfiddleを見ると、すべてが正しく機能していることがわかります。

これは、ラッパーもコピー/貼り付けしていることを前提としていますdiv。divそれが望ましくない場合 (および内で sのみを繰り返したい場合)、 andにs の代わりに es を使用していること、およびフローティングが新しい行ごとにクリアされるwrapperことを確認する必要があります。クラスでこれを達成できます：classidleftrightclear: both.left

.left {
    clear:both;
    float:left;
    margin-right:1%;
}

このフィドルで結果を見ることができます：

于 2013-11-11T16:32:54.580 に答える
0

行うことで中央に配置できるメインの div #wrapper

#wrapper{ 
 width: 980px; /*1024, percentage*/
 margin-left: auto; 
 margin-right: auto;
}

margin:0 auto;または、作成して削除することで中央に揃えることができますmargin-lef: auto; margin-right: auto;

于 2013-11-11T16:28:06.547 に答える