CSS clear

<div style="float:right;">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="float:right;">11111111111111111111111111111111111111111</div>
<div style="clear:none;">该属性的值指出了其本身旁边不允许有浮动对象</div>

<div style="float:left">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="float:left">11111111111111111111111111111111111111111</div>

<div style="float:left">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="float:left">11111111111111111111111111111111111111111</div>

<div style="display:inline">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="display:inline">11111111111111111111111111111111111111111</div>

<div style="display:inline; align:right">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="display:inline; align:right">11111111111111111111111111111111111111111</div>

不能控制左右

==========================

clear版本:CSS1  兼容性:IE4+ NS4+ 继承性:无



语法:

clear : none | left |right | both

参数:

none :  允许两边都可以有浮动对象
both :  不允许有浮动对象
left :  不允许左边有浮动对象
right :  不允许右边有浮动对象

说明:

该属性的值指出了不允许有浮动对象的边。请参阅float属性。
对应的脚本特性为clear。请参阅我编写的其他书目。

示例:

div { clear : left }
img { float: right }

float版本:CSS1  兼容性:IE4+ NS4+ 继承性:无



语法:

float : none | left |right

参数:

none :  对象不浮动
left :  对象浮在左边
right :  对象浮在右边

说明:

该属性的值指出了对象是否及如何浮动。请参阅clear属性。
当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。
对应的脚本特性为styleFloat。请参阅我编写的其他书目。

块对象,内联对象(浮动对象Float),块对象与为内联对象, display, inline

原文地址:https://www.cnblogs.com/jackljf/p/3589330.html