0

overflow: hidden左に浮いている別のdivと衝突しないようにするために使用したフィールドセットがあります。

問題は、オーバーフローの隠しブロックが左側をブロックしていることです。 ここにjsfiddeがあります。長いコードで申し訳ありません。スクリーニングする時間がありません...

4

2 に答える 2

2

これがあなたが達成しようとしている外観であるかどうかはわかりませんが、ここで私の試みを見つけることができます.

div.rightside から右マージンを削除し、div.leftside からフロートおよびオーバーフロー プロパティを削除しました。

.rightSide {
    float: right;
    /*margin: 0 100px 0 0;*/
    max-width: 40%;
    overflow: hidden;
    width: 40%;
}
.leftSide {
    /*float: right;
    overflow: hidden;*/
    margin: 0 10px 0 0;
    width: 500px;
}

このページがレンダリングされる画面のサイズによっては、視覚的な結果が望ましくない場合があるため、1140px CSS グリッド システムを使用することをお勧めします。

于 2012-10-24T17:16:06.893 に答える
0

あなたがやろうとしたことがわかったら：

rightSidefloat:rightは;である必要があります。

leftSidefloat:leftは;である必要があります。

幅を見てください...両方のdivに設定する必要があります

例を見てください: 中央の線を左に移動すると、div が左に移動することがわかります..

jsfiddle <--- リンクをクリック

ここに画像の説明を入力

于 2012-10-24T17:08:53.163 に答える