1、CSS基本定位的语法:
position:value
top:value
left:value
width:value
height:value
基本定位范例:
2、CSS高级定位的语法:
z-index:value
clip:value
overflow:value
visibility:value
z-index的值高的元素会覆盖值比较低的元素。
clip裁剪出的区域为矩形,只要设定两个点即可,一个是矩形左上角的顶点,由top和right两项设置完成;另一个是右下角的顶点,由bottom和right两项设置完成,overflow属性用于设置溢出时的显示方式,overflow属性值如下表所示:
visible
|
无论层(DIV)的大小,内容都会显示出来
|
hidden
|
会隐藏超出层(DIV)大小的内容
|
scroll
|
不管内容是否超出层(DIV)的范围,选中此项都会为层(DIV)添加滚到条
|
auto
|
只在内容超出层(DIV)的范围时才显示滚动条
|
visibility用来设置嵌套层的显示,嵌套层是插入在其它层中的层,分为嵌套的层(子层)和被嵌套的层(父层),visibility的属性值如下表所示:
高级定位范例: