предотвратить перемещение div на изменение размера окна

Question

У меня есть страница с двумя элементами div "list_events" и "right_content", расположенными рядом друг с другом. Когда я изменяю размер окна "right_content" движется вниз по списку событий, но я не хочу этого! Я не хочу, чтобы эти два элемента div не двигались и не уменьшали размер окна. Как я могу добиться этого?

это код

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

спасибо Лука

Answer 1

сначала добавьте родительский div / wrap и поместите в него эти два div'а.

вроде так:

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

</div>

тогда вы можете попробовать

минимальная ширина (px / ems / и т. Д.) В родительском / упаковочном div, например:

#wrap{
min-width: 600px;
}

В целом, какой бы размер вы ни добавили к минимальной ширине, он уменьшит родительский div до указанного размера.

как только размер окна будет меньше указанного вами размера, он будет вести себя как любое другое окно.

это мой способ сделать это.

Answer 2

Вы можете поместить эти div в родительский div с фиксированной шириной / высотой для этого div, или вы можете определить процентную ширину / высоту для каждого двух div.