如何保持基于百分比的元素不重叠？

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媒体查询来改变对各种宽度的布局。