防止div移动窗口调整大小

Question

我有一个页面,其中两个div"list_events"和"right_content"彼此相邻.当我调整窗口大小时"right_content"向下移动"list_events",但我不想要那样!我不希望这两个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>

然后你可以试试

父/包装器div上的min-width(px/ems/etc)如下:

#wrap{
min-width: 600px;
}

总的来说,无论你添加到min-width的大小,它都会将父div缩小到指定的大小.

一旦窗口大小超过指定的大小,它的行为就像任何其他窗口一样.

这是我做这件事的方式.