阻止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嘗試

最小寬度（PX/EMS /等），像這樣：

#wrap{ 
min-width: 600px; 
} 

總體，無論你添加到最小寬度itll的大小，都可以將父div縮小到指定的大小。

一旦窗口縮小超過您指定的大小，它會像任何其他窗口一樣運行。

這是我的做法。

Answer 2

你可以把這個div的固定寬度/高度父DIV中的該分區，或者您也可以確定每個百分比寬度/高度兩個divs。