标准的CSS浮动的概念
浮动是CSS就有的特性,通过float属性进行设置。在HTML中,浮动属性较常使用在图像和文本的显示中,让文本浮动在图像旁边,而不是换一行显示。 float可以设置的属性有:
- left 元素向左浮动
- right 元素向右浮动
- none 默认值, 不浮动
- inherit 从父元素继承float属性
无浮动效果
举例来看, 页面中有两个div , 在一般状况下两个div分成两行显示,示例代码和示例效果如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&l