是否可以使用百分比作为宽度来设置Div的最小宽度？

Question

我目前有一个div元素可以调整大小以跟随窗口大小，但是我希望它使用纯CSS来停止调整自身的大小。这可能，还是应该使用jQUERY？

div {width: 100%}

基本上我所拥有的是上面的内容，我想知道的是你如何设置像素的最小值？如下例所示：

div {min-width: 600px}

这似乎没有按预期工作。 div确实保留在目标宽度，但div中元素使用的其他百分比值会随着窗口缩小而增大。

Answer 1

应该工作得很好。检查这个jsfiddle

http://jsfiddle.net/bc8ke0ca/

并注意一旦宽度小于500px时出现的滚动条。我猜问题会出在其他地方。

.myClass{
    background-color: #00eeff;
    width: 100%;
    min-width: 500px;
}

N.B。当您评论min-width属性时，请注意滚动条的消失方式。