10.1　　布局相关属性

　　　　　　CSS提供了如下布局相关属性。

　　　　　　　　float：该属性控制目标HTML组件是否浮动以及如何浮动。当通过该属性设置某个对象浮动后，该对象将被当做块(block-level)

　　　　　　　　　　　　组件处理，即相当与display属性被设置为block。也就是说，即使为浮动组件的display设置了其他属性值，该属性值

　　　　　　　　　　　　依然是block。浮动HTML组件将会漂浮紧紧跟随它的前一个组件，直到遇到边框、内补丁、外补丁或另一个块组件位置。

　　　　　　　　　　　　该属性支持left、right两个属性值，分别指定对象向左、向右浮动。

　　　　　　　　clear：该属性用于设置HTML组件的左、右、是否允许出现浮动对象。

　　　　　　　　该属性支持如下属性值。

　　　　　　　　　　none：默认值。两边都允许出现浮动组件。

　　　　　　　　　　left：不允许左边出现浮动组件。

　　　　　　　　　　right：不允许右边出现浮动组件。

　　　　　　　　　　both：两边都不允许出现浮动组件。

　　　　　　　　clip：该属性控制对HTML元素进行裁剪。该属性值可指定为auto(不裁剪)或rect(number number number number)其中rect()

　　　　　　　　　　　　用于在目标组件上定义一个矩形，目标组件只有位于该矩形内的区域才会被显示出来。

　　　　　　　　overflow：设置当HTML组件不够容纳内容时的显示方式。

　　　　　　　　该属性支持如下几个属性值。

　　　　　　　　　　visible：该属性值指定HTML组件既不剪切内也不添加滚动条。这是默认值。

　　　　　　　　　　auto：该属性值指定当HTML组件不够容纳内容时将自动添加滚动条，允许用户通过拖动滚动条来查看内容。

　　　　　　　　　　hidden：该属性值指定HTML组件自动裁剪那些不够空间显示的内容。

　　　　　　　　　　scroll：该属性值指定HTML组件总是显示滚动条。

　　　　　　　　　　overflow-x：该属性的作用于overflow相似，只是该属性只控制水平方向的显示方式。

　　　　　　　　　　overflow-y：该属性的作用于overflow相似，只是该属性只控制垂直方向的显示方式。

　　　　　　　　　　visibility：使用与CSS2，用于设置目标对象是否显示。与display属性不同，当通过该属性隐藏某个元素后，

　　　　　　　　　　　　　　　　该元素占用的页面空间依然会被保留。该属性的两个常用值为visible和hidden，分别用于控制

　　　　　　　　　　　　　　　　目标对象的显示和隐藏。

　　　　　　　　　　display：用于设置目标对象是否及如何显示。该属性支持的属性值有很多，该属性主要用于控制CSS的盒模型。