在DIV旁边制作浮动图像？

Question

我希望图像漂浮在绿色框的左侧（参见虚线区域。）

如何使用此处使用的标记实现这一目标？：

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

我希望以下CSS可以完成这项工作。但这不起作用：

#content article {float: left;}

Answer 1

只需将width的{​​{1}}设置为：

即可

.article

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

并添加到您的图片中：

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

<强> Fiddle