img { float: bottom; }
上面的代码中,“float: bottom;”是关键。它告诉浏览器将图片向下浮动,让其脱离了页面内容流,并尽可能地靠近所在容器的底部。
如果想要让图片浮动到容器的左边或右边,可以将“bottom”改成“left”或“right”。例如:
img { float: left; }
这会让图片向左浮动,而不是向下浮动。
大家可以将上面的CSS样式应用到任何带有图片的HTML元素上。例如:
<div class="image"> <img src="example.jpg" alt="example image"> </div> .image img { float: bottom; }
这里,大家将样式应用到一个名为“image”的div元素,它包含一个带有“example.jpg”图像的img元素。这个CSS样式将让这个图像向下浮动。