在DIV旁边制作浮动图像?

时间:2015-09-17 08:51:48

标签: css html5 layout floating

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

target position of the image

如何使用此处使用的标记实现这一目标?:

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

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

#content article {float: left;}

1 个答案:

答案 0 :(得分:0)

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

即可
.article

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

并添加到您的图片中:

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

<强> Fiddle