如何根据浏览器窗口的可变宽度设置px中的最小宽度和最大宽度?

问题描述:

在这个例子中:如何根据浏览器窗口的可变宽度设置px中的最小宽度和最大宽度?

http://jsbin.com/anoyik/edit#preview

http://jsbin.com/anoyik/edit#source

我怎样才能红色框的宽度至少设置为200像素,并将它继续在宽度扩大,因为浏览器窗口的宽度水平延伸?

+0

'最小宽度:'可以帮助你在这里。但是,您需要删除'width:200px'。 – Bojangles 2012-02-10 16:17:14

这应该为你做它:http://jsbin.com/exunik/2

,保持了黑红色框从扩大的事情是,你必须将其设置为inline-block的。我在红框中添加了最小宽度并将其设置为显示:块。然后,我将红色方块飘到左边,使黑色方块移动到右边。