5

しばらく前にこの質問をしたことを覚えていますが、もう一度見つけることができないようです! 検索しましたが、探している解決策が見つからないようです。

幅が 100% の 2 つの div が隣り合って浮かんでいるとしましょう。それらが画面幅全体を占有するため、フロートするためのスペースが残っていないため、2 番目の div が最初の div の下に表示されます。私が望むのは、2 番目の div を最初の div の横に画面から浮かせ続けることです。

私が得た解決策は、表示プロパティを別のものに設定することだったと思いますが、完全にはわかりません。

助言がありますか？

4

3 に答える 3

5

コンテナーが必要で、コンテナーの幅を 200% に設定する必要があると思います。幅が 50% の 2 つの内側の div が内側に収まります。

#container_div{ width:200%}
.inner_div {width:50%}
于 2011-09-07T17:02:08.907 に答える
0

あなたはそれらを絶対に配置することができます。

<body style="padding:0; margin:0">
    <div style="width:100%; position:relative;">
        <div style="width:100%; height:100px; background:#f90; position:absolute; top:0; left:0;">COLUMN1</div>
        <div style="width:100%; height:100px; background:#f00; position:absolute; top:0; left:100%;">COLUMN2</div>
    </div>
</body>

それらは、比較的配置された親の境界内に完全に配置されます。

次に、それらを切り替えるだけで、左側の値をそれぞれ0から100％に切り替えます。

  • 高さと背景色は、何が起こっているかを確認するためのものです:)
于 2011-09-07T17:15:27.927 に答える
0

両方の div に 50% の幅を与えて、それらが一緒に 100% の幅を占めるようにします

于 2011-11-09T13:42:13.517 に答える