防止div在窗口调整大小上移动答案

【问题标题】：prevent div moving on window resize防止div在窗口调整大小上移动
【发布时间】：2011-06-12 08:50:15
【问题描述】：

我有一个页面，其中有两个 div“list_events”和“right_content”，它们彼此相邻。当我调整窗口大小时，“right_content”会向下移动“list_events”，但我不希望这样！我不希望这两个 div 既不能移动也不能缩小窗口大小。我怎样才能做到这一点？

这是代码

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

谢谢卢卡

【问题讨论】：

【解决方案1】：

首先添加一个父 div/wrap 并将你的这两个 div 放入其中。

像这样：

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

</div>

那你可以试试

父/包装器 div 上的最小宽度（px/ems/ etc），如下所示：

#wrap{
min-width: 600px;
}

总体而言，无论您添加到最小宽度的大小如何，它都会将父 div 缩小到指定的大小。

一旦窗口的大小缩小到超过您指定的大小，它就会像任何其他窗口一样工作。

这是我的做法。

【讨论】：

【解决方案2】：

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

【讨论】：