Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何根据浏览器窗口的可变宽度设置px中的最小宽度和最大宽度?_Css - Fatal编程技术网

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

Css 如何根据浏览器窗口的可变宽度设置px中的最小宽度和最大宽度?,css,Css,在本例中: 如何将红色框的宽度设置为至少200px,并在浏览器窗口的宽度水平扩展时使其继续扩展?这应该可以为您做到: 阻止黑-红框扩展的原因是将其设置为内联块。我在红色框中添加了一个最小宽度,并将其设置为display:block。然后我将红色框向左浮动,使黑色框在其右侧移动到位。展开两个框 仅展开红色框 最小宽度:可能对您有所帮助。但是,您需要删除宽度为200px的。

在本例中:


如何将红色框的宽度设置为至少200px,并在浏览器窗口的宽度水平扩展时使其继续扩展?

这应该可以为您做到:

阻止黑-红框扩展的原因是将其设置为内联块。我在红色框中添加了一个最小宽度,并将其设置为display:block。然后我将红色框向左浮动,使黑色框在其右侧移动到位。

展开两个框

仅展开红色框

最小宽度:
可能对您有所帮助。但是,您需要删除宽度为200px的