impedire div spostarsi sul ridimensionamento della finestra

Question

Ho una pagina con due div "list_events" e "right_content" uno accanto all'altro. Quando ridimensiono la finestra "right_content" si sposta verso il basso "list_events" ma non lo voglio! Non voglio che quei due div non si muovano né per ridimensionare il ridimensionamento della finestra .. come posso ottenere quello?

Questo è il codice

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

grazie Luca

Answer 1

prima aggiungi un genitore div/wrap e metti quelle due div al tuo interno.

in questo modo:

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

</div> 

allora si può provare la

min-width (px/EMS/etc) sul genitore/involucro div in questo modo:

#wrap{ 
min-width: 600px; 
} 

complesso , qualsiasi dimensione aggiunta alla larghezza minima, ridimensiona il div principale fino alla dimensione specificata.

una volta che la finestra viene ridimensionata oltre la dimensione specificata, si comporterà come qualsiasi altra finestra.

questo è il mio modo di farlo.

Answer 2

Puoi mettere questa div dentro div genitore con larghezza/altezza fissa per questo div, oppure si può determinare una larghezza/altezza percentuale per ogni due div.