0

ブラウザー ウィンドウのサイズを小さく変更すると、右のフローティング div が同じ含まれる div 内の左のフローティング div の下に移動します。ウィンドウのサイズを変更するまで、すべてが正常に表示されます。

ここで、c1 は親、c1a は左側の div、c1b は右側の div です。

#c1 {
    margin-top: 50px;

}
#c1a {
    display: inline-block;
    margin-left: 30px;
    background-color: #FFF;
    padding: 5px;
    float: left;
}

#c1b {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    width: 180px;
    font-size: x-small;
    background-color: #CCC;
    float: right;
    margin-right: 200px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    padding-left: 12px;
}

どうすればこれを修正できますか?

4

4 に答える 4

0

外側のコンテナのサイズを変更したときに、右の div が左の div と重なると、右の div は次の行に落ちます。親の幅を設定して、サイズが変更されないようにするか、最小幅を設定して、特定のサイズ以下に縮小しないようにします。

于 2012-05-25T15:31:38.347 に答える
0

親 div の最小幅を、子 div の幅とマージンの合計よりも大きく設定します。

于 2012-05-25T15:35:27.960 に答える
0

建物の土台がしっかりしていれば、部屋も丈夫です。あなたは水上に家を建てようとしています。幅を指定して、ベース コンテナーを強化します。

于 2012-05-25T15:37:55.930 に答える
0

# c1 div に 440 ピクセルの最小幅を指定します。

于 2012-05-25T15:54:43.937 に答える