防止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;}

谢谢 Luca

- luca

Answer 1

首先添加一个父级div/wrap，并将你的那两个div放到其中。

像这样:

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

</div>

如果你想尝试的话，可以在父元素/包装器 div 上使用 min-width(px/ems/等) 属性，像这样：

#wrap{
min-width: 600px;
}

总的来说，无论您添加了多大的尺寸到最小宽度中，它都会将父div缩小到指定的尺寸。

一旦窗口大小缩小到指定的尺寸以下，它将表现得像任何其他窗口一样。

这是我做的方式。

- somdow

Answer 2

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

- Mohammad