如何保持基於百分比的元素不重疊？

Question

我有CSS的HTML頁面，其中我正在使用百分比度量寬度，高度等。

問題是當我調整窗口的大小時，在某個時間點，HTML元素重疊。

這就是我想做的事：

元素應該有個測量到一個點。但除此之外，這些要素應該是固定的，不應該縮小。

我該如何做到這一點？

Answer 1

您正在查找min-width。

div{ 
    width:50%;  /* Your dynamic width */ 
    min-width:300px; /* The narrowest the element can be */ 
} 

http://jsfiddle.net/ejbSd/

Answer 2

聽起來像你應該只能使用media queries來處理這個問題。在這種情況下，你只是把：

@media (max-width: [width you want things to turn fixed]) { 
    element selector { 
    position: fixed; 
    width: [fixedWidth]; 
    } 
} 

如果你實際上並不需要的fixed，你應該do what others have suggested並使用min-width，而不是困擾，使查詢。

Answer 3

您可以使用最小寬度爲您的元素或使用CSS3媒體查詢來改變對各種寬度的佈局。