防止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的百分比寬度/高度。