常用网页设计之布局属性

布局属性是网站设计中必不可少的一个重要的环节，主要用来设置网页的元素的布局，主要有以下属性。

1、float：该属性设置元素的浮动方式，可以取none，left和right等3个值，分别表示不浮动，浮在左侧及浮在右侧。浮动在网页布局中发挥了重要的作用，其使用方法在后面的内容中介绍。

2、clear：该属性的值指出了不允许有浮动对象的边，可以取none，left，right以及both等4个值。none表示允许连边都可以有浮动对象，left表示不允许左边 有浮动对象，right表示不允许右边有浮动对象，both表示左右两边的不允许有浮动对象。该属性通常与float属性配合使用。

3、overflow，overflow-x和overflow-y：这些属性用来设置当容器元素的内容超过其指定高度及宽度时如何管理内容。overflow属性可以取visible，auto，hidden和scroll等4个值。visible表示不剪切内容也不添加滚动条，auto表示在需要时剪切内容并添加滚动条。hidden表示不显示超过对象尺寸的内容。scroll表示当内容超过指定的尺寸是显示滚动条。overflow-x和overflow-y属性的取值范围与overflow属性相同，但是overflow-x表示容器元素的内容超过指定的宽度时如何管理内容，而overflow-y属性则表示当容器元素的内容超过指定的高度时如何管理内容。

4、display：该属性用来设置元素是否显示以及如何显示。该属性的取值比较多，常用的有，dlock，none，inline等，block表示该元素以块元素的方式显示，none表示隐藏该元素，与visibility属性的hidden值不同，display属性不为被隐藏的对象保留其物理空间。inline表示该元素将以内联元素的方式显示。

5、visibility：该属性用来设置是否显示元素，与display不同，此属性为隐藏的对象保留其占据的物理空间，该属性常用的值为visible和hidden等，其中visible表示显示元素，hidden表示隐藏元素。