防止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缩小到指定的大小。

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

这是我做这件事的方式。

Answer 2

您可以将此div放在具有固定宽度/高度的父div中，或者您可以确定每两个div的百分比宽度/高度。