zapobiega przeniesieniu elementu div na rozmiar okna

Question

Mam stronę z dwoma elementami div "list_events" i "right_content" obok siebie. Kiedy zmieniaj rozmiar okna "right_content" przesuwa się w dół "list_events", ale nie chcę tego! Nie chcę, aby te dwa elementy div nie poruszały się ani nie zmniejszały rozmiaru w przypadku resizementu okna. Jak mogę to osiągnąć?

jest to kod

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

dzięki Luca

Answer 1

najpierw dodaj div/parent parent i umieść w nim te dwa divy.

tak:

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

</div> 

wtedy można spróbować

min-width (PX/EMS/etc) na rodzica/otoki div tak:

#wrap{ 
min-width: 600px; 
} 

Ogólnie , niezależnie od wielkości dodanej do min-width itll skaluje div elementu nadrzędnego do określonego rozmiaru.

po zmniejszeniu rozmiaru okna poza określony przez użytkownika rozmiar, zachowuje się jak każde inne okno.

to jest mój sposób robienia tego.

Answer 2

Możesz umieścić ten div wewnątrz nadrzędnej div o stałej szerokości/wysokości dla tego div, czy można określić procentową szerokość/wysokość dla każdego dwóch div.