在DIV旁边制作浮动图像？答案

【问题标题】：Make float IMAGE beside DIV?在DIV旁边制作浮动图像？
【发布时间】：2015-09-17 08:51:47
【问题描述】：

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

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

我希望下面的 CSS 能够完成这项工作。但这死了是行不通的：

#content article {float: left;}

【问题讨论】：

#content-wrapper #content article img { float: left; max-width: 20%; margin: 0px 20px 20px 0px;} 试试这个，以后你可以玩max-width

【解决方案1】：

只需将.article 的width 设置为：

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

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

并添加到您的图像中：

img {width:100%;}

【讨论】：