Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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 如果你知道一个图像';s尺寸,如何在流体容器中无回流的情况下进行缩放_Css_Responsive Design_Fluid Layout - Fatal编程技术网

Css 如果你知道一个图像';s尺寸,如何在流体容器中无回流的情况下进行缩放

Css 如果你知道一个图像';s尺寸,如何在流体容器中无回流的情况下进行缩放,css,responsive-design,fluid-layout,Css,Responsive Design,Fluid Layout,我知道图像的尺寸,但它位于流体容器中(红色区域,调整窗口宽度)。我希望避免回流,这意味着我不希望红色区域的大小发生任何变化 如何设置html/css以避免出现回流?我认为您可能只是在寻找溢出:隐藏在div上。唯一的缺点是如果您将图像扩展太多,它将无法放入div中 div { width: 50%; background-color: red; overflow:hidden; } 这没什么用。这个形象从来都不在我不明白的地方吗?我认为问题是如何在不扩展包含div的情况下更改图像的

我知道图像的尺寸,但它位于流体容器中(红色区域,调整窗口宽度)。我希望避免回流,这意味着我不希望红色区域的大小发生任何变化


如何设置html/css以避免出现回流?

我认为您可能只是在寻找溢出:隐藏在div上。唯一的缺点是如果您将图像扩展太多,它将无法放入div中

div {
  width: 50%;
  background-color: red;
  overflow:hidden;
}

这没什么用。这个形象从来都不在我不明白的地方吗?我认为问题是如何在不扩展包含div的情况下更改图像的大小。我不希望div的大小在加载图像时更改。如果您不希望div更改大小,为什么要将其设置为流畅?或者您的意思是不希望div的维度发生更改?稍微澄清一下就好了,因为我看不到回流发生。div的宽度由浏览器窗口设置。是的,我不想改变div的大小,它是红色区域。