使用CSS样式表进行页面布局时常与div标签配合使用，div标签是CSS布局时的基本构造块，主要用作文本、图像或其他页面元素的容器。纯粹使用＜div>标签而不加任何CSS内容，其效果与用＜p>＜/p>是一样的，但当把CSS放进div标签中后，就可以指定HMTL元素显示在屏幕上的具体位置以及内容在div标签中如何显示。div标签不同于表格单元格(被限制在表格行和列中的某个现有位置)，它可以出现在Web页上的任何位置。可以用绝对方式或相对方式来定位div标签，在定位时更加灵活。下面就CSS样式表中与页面定位的相关属性进行一些介绍。
(1)position属性:设置对象的定位类型。
语法格式:position:static｜relative｜absolute｜fixed｜inherit
各属性取值的含义如下。
static:默认值，没有定位。
relative:相对于对象默认的位置进行定位。
absolute:绝对定位，将对象放到固定的位置，位置通过“left”“top”“right”以及“bottom”属性进行规定。
fixed:相对于窗口的固定定位，位置通过“left”“top”“right”以及“bottom”属性进行规定。
inherit:对象从父元素继承position属性的值。
(2)z-index属性:设置对象的堆叠顺序。
说明:仅能在定位元素上奏效，如果为正数，则离用户更近，为负数则表示离用户更远。
(3)clear属性:设置不允许有浮动对象的边。
语法格式:clear:none｜left｜right｜both
各属性取值的含义如下。
none:默认值，允许两边都可以有浮动对象。
left:不允许左边有浮动对象。
right:不允许右边有浮动对象。
both:不允许有浮动对象。
(4)clip属性:检索或设置对象的可视区域，可视区域外的部分是透明的。必须和定位属性position一起使用才能生效。
语法格式:clip:auto｜rect(number number number number)
各属性取值的含义如下。
auto:默认值，对象无剪切。
rect(number number number number):依据上右下左的顺序自对象左上角(0，0)坐标计算的四个偏移数值，其中任一数值都可用auto来替换，表示此边不剪切。
(5)display属性:设置或检索对象是否及如何显示。
语法格式:display:block｜none｜...｜table-row-group｜inherit
常用取值及其含义如下。
none:对象不会被显示。
block:对象将显示为块级元素，元素前后会带有换行符。
inline:对象被显示为内联元素，元素前后没有换行符。
inline-block:对象被显示为内联元素，但是对象的内容作为块对象呈现。
list-item:对象作为列表显示。
run-in:对象根据上下文作为块级元素或内联元素显示。
table:对象作为块级表格来显示，表格前后带有换行符。
inline-table:对象作为内联表格来显示，表格前后没有换行符。
table-row:对象作为一个表格行显示。(www.xing528.com)
table-column:对象作为一个单元格列显示。
table-cell:对象作为一个表格单元格显示。
table-caption:对象作为一个表格标题显示。
table-column-group:对象作为表格列组显示。
table-row-group:对象作为表格行组显示。
table-header-group:对象作为表格标题组显示，用来指定当表格跨越多页时，对象的内容在每一页都显示。
table-footer-group:对象作为表格脚注组显示，用来指定当表格跨越多页时，对象的内容在每一页都显示。
inherit:对象从父元素继承display属性的值。?
说明:所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。块对象的特征是从新的一行开始且能包含其他块对象和内联对象。内联对象被呈递时不会从新行开始，能够包含其他内联对象和数据。块对象的默认值为block，内联对象的默认值都是inline。
(6)float属性:设置对象是否及如何浮动。
语法格式:float:none｜left｜right｜inherit
各属性取值的含义如下:
none:默认值，对象不飘浮。
left:对象在左侧浮动。
right:对象在右侧浮动。
inherit:对象从父元素继承float属性的值。
(7)overflow属性:检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
语法格式:overflow:visible｜auto｜hidden｜scroll
各属性取值的含义如下。
visible:默认值，内容不裁切，超出对象尺寸的内容会显示在对象的外面。
auto:内容不裁切，超过对象尺寸时显示滚动条以查看剩余的内容。
hidden:裁切掉超出对象尺寸的内容，不再显示。
scroll:无论内容是否超出对象尺寸总是显示滚动条。
(8)overflow-x属性:检索或设置当对象的内容超过其指定宽度时如何管理内容。
语法格式:overflow-x:visible｜auto｜hidden｜scroll(取值同overflow)
(9)overflow-y属性:检索或设置当对象的内容超过其指定宽度时如何管理内容。
语法格式:overflow-y:visible｜auto｜hidden｜scroll(取值同overflow)
(10)visibility属性:设置或检索是否显示对象。
语法格式:visibility:inherit｜visible｜collapse｜hidden
各属性取值的含义如下。
inherit:默认值，继承父对象的可见性。
visible:设置对象为可见。
collapse:主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden。
hidden:设置对象为隐藏，与display属性不同，visibility属性设置的不可见元素仍然会占据页面的空间，而display属性设置的不可见元素不占据页面的空间。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
