css - 在 DIV 旁边制作 float 图像？

Question

我希望图像 float 在绿色框的左侧(见虚线区域。)

如何使用此处使用的标记实现该目标？:

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

---

我希望以下 CSS 能够完成这项工作。但这不起作用:

#content article {float: left;}

Answer 1

只需将 .article 的 width 设置为:

#content-wrapper #content article {
      width: calc(100% - 250px); }

其中“250px”是绿色框的固定宽度。

并添加到您的图像中:

img {width:100%;}

Fiddle