0

これは、両方のdivのラインナップのスクリーンショットです。

左の列は、右に並べたいdivはです

そして、それらのdivは両方とも内にあります

.content-body {
    padding:10px 15px;
    font-size:.8em;
    font-family:arial;
    overflow:auto;
}

.col-left {
    float:left;
    position:relative;
    overflow:auto;
    height:100%;
    width:20%;
    padding:0 5px 0 0;
}

.col-middle {
    width:auto;
    height:auto;
    float:left;
    xmargin-top:5px;
    xfont-size:.8em;
    border:1px solid red;
    font-family:arial;
}

.col-middle divを正しく整列させるにはどうすればよいですか？

どんな助けでも大歓迎です。

4

4 に答える 4

3

.col-middleの幅を80% 以下に変更して、両方の div がコンテナー内に収まるようにします。

.col-middle float rightにすることもできます。

于 2009-02-18T16:03:58.583 に答える
2

別のオプション (ただし、右の列にも幅を与える必要があります):

    .col-middle {
        ...
        margin-left: 20%;
    }

編集: .col-middle に左マージンを与える場合、フロートしたり、幅を与えたりする必要はありません

于 2009-02-18T16:44:04.603 に答える
1

を追加する

clear:none;

両方の列 div に

そして

width:80%;

あなたの真ん中の列にそれらが並んで行くことができるようにする必要があります:)

于 2009-02-18T16:04:05.073 に答える