css - 如果你知道图像的尺寸，你如何在不在流体容器中回流的情况下缩放它

Question

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

http://codepen.io/anon/pen/AfmFH

我如何设置 html/css 以便不发生回流？

Answer 1

我认为您可能只是在寻找 overflow: hidden on the div。唯一的缺点是，如果您将图像扩展得太多，它将无法放入 div。

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