ngăn div di chuyển trên cửa sổ đổi kích thước

Question

Tôi có một trang có hai div "list_events" và "right_content" bên cạnh nhau. Khi tôi thay đổi kích thước cửa sổ "right_content" di chuyển xuống "list_events" nhưng tôi không muốn điều đó! Tôi không muốn hai div đó di chuyển để giảm kích thước trên cửa sổ resizement .. làm thế nào tôi có thể đạt được điều đó?

này là mã

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

nhờ Luca

Answer 1

trước tiên hãy thêm div/gói gốc và đặt hai div của bạn vào đó.

như vậy:

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

</div> 

sau đó bạn có thể thử các

min-width (px/ems/etc) trên phụ huynh/wrapper div như vậy:

#wrap{ 
min-width: 600px; 
} 

Nhìn chung , bất kỳ kích thước nào bạn thêm vào chiều rộng tối thiểu, nó sẽ chia tỷ lệ div gốc thành kích thước được chỉ định.

sau khi cửa sổ được giảm kích thước theo kích thước được chỉ định của bạn, nó sẽ hoạt động giống như bất kỳ cửa sổ nào khác.

đây là cách làm của tôi.

Answer 2

Bạn có thể đặt này divs bên trong div cha mẹ với chiều rộng cố định/chiều cao cho div đó, hoặc bạn có thể xác định một tỷ lệ chiều rộng/chiều cao cho mỗi hai divs.