一、浮动介绍

历史：

浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。

定位方式：

浮动让元素脱离正常流，向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。

Note:

1、碰到容器的边指的是容器的padding内边。

举例验证：

<style>.container{  border: 1px solid green;  padding: 30px;  background-color: green;/*将背景裁剪到内容框，方便看浮动元素效果*/  background-clip: content-box;}.fl{  float: left;}</style><div class="container">  文字会环绕在图片周围文字会环绕在图片周围文字会环绕在图片周围文字会环绕在图片周围  <img class="fl" src='/images/loading.gif' data-original="img/wb.jpg"></div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：css浮动

关键词：CSS