ウィンドウのサイズ変更時にdivが移動しないようにする

Question

2つのdiv「list_events」と「right_content」が隣り合っているページがあります。ウィンドウのサイズを変更すると、「right_content」が「list_events」の下に移動しますが、それは必要ありません。ウィンドウのサイズ変更で縮小するために、これら2つのdivを移動させたくありません。

これはコードです

.list_events{margin-left:1em;float:left;}
.right_content{float:left;margin-left:1em;}

ありがとうルカ

Answer 1

最初に親のdiv/wrapを追加し、それらの2つのdivをその中に入れます。

そのようです：

<div id="wrap">
   <div id="list_events"></div>
    <div id="right_content"></div>

</div>

その後、あなたは試すことができます

次のように、親/ラッパーdivのmin-width（px/ems /など）：

#wrap{
min-width: 600px;
}

全体として、最小幅に追加するサイズに関係なく、親divは指定されたサイズに縮小されます。

ウィンドウのサイズが指定されたサイズを超えて縮小されると、他のウィンドウと同じように動作します。

これが私のやり方です。

Answer 2

このdivを、そのdivの幅/高さが固定された親div内に配置するか、2つのdivごとに幅/高さのパーセンテージを決定できます。