css - 如果您知道图像的尺寸，如何在流体容器中不回流的情况下对其进行缩放

Question

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

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

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

Answer 1

我想你可能只是在寻找溢出：隐藏在 div 上。唯一的缺点是，如果您将图像扩展得太多，它将不适合 div。

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