CSS 浮动float属性，及可选属性值
float属性
CSS中的float属性，可以用于指定HTML元素将进行怎样的浮动。常常用于将图片浮动到文字的某一侧（具体可见下方的实例代码）。比如下面这两块skeblue和blue的方块，采用的分别是左侧浮动和右侧浮动的属性效果：
float:left
float:right
语法
element{float:value}
float可选属性值
| 属性值 | 描述 |
|---|---|
| left | 在容器的左侧浮动 |
| right | 在容器的右侧浮动 |
| none | 默认值，不浮动 |
| inherit | 从父元素继承float的值 |
float属性实例代码，及在线编辑器
<div><img src='../../static/img/test.jpg' id='img'><p>这是一个段落，在该段落的右侧，将利用CSS的float属性来浮动一张颜色为skyblue的纯色的图片，点击右侧下方的运行按钮，即可查看效果。</p></div>
<style>
#img{width:50px;height:50px;float:right;}
</style>