CSS 定位 (Positioning)
CSS 定位 (Positioning) 属性允许你对元素进行定位。
实例
- 定位:相对定位
- 本例演示如何相对于一个元素的正常位置来对其定位。
- 定位:绝对定位
- 本例演示如何使用绝对值来对元素进行定位。
- 定位:固定定位
- 本例演示如何相对于浏览器窗口来对元素进行定位。
- 设置元素的形状
- 本例演示如何设置元素的形状。此元素被剪裁到这个形状内,并显示出来。
- 如何使用滚动条来显示元素内溢出的内容
- 本例演示当元素内容太大而超出规定区域时,如何设置溢出属性来规定相应的动作。
- 如何隐藏溢出元素中溢出的内容
- 本例演示在元素中的内容太大以至于无法适应指定的区域时,如何设置 overflow 属性来隐藏其内容。
- 如何设置浏览器来自动地处理溢出
- 本例演示如何设置浏览器来自动地处理溢出。
- 垂直排列图象
- 本例演示如何在文本中垂直排列图象。
- Z-index
- Z-index可被用于将在一个元素放置于另一元素之后。
- Z-index
- 上面的例子中的元素已经更改了Z-index。
- 使用固定值设置图像的上边缘
- 本例演示如何使用固定值设置图像的上边缘。
- 使用百分比设置图像的上边缘
- 本例演示如何使用百分比值设置图像的上边缘。
- 使用像素值设置图像的底部边缘
- 本例演示如何使用像素值设置图像的底部边缘。
- 使用百分比设置图像的底部边缘
- 本例演示如何使用百分比值设置图像的底部边缘。
- 使用固定值设置图像的左边缘
- 本例演示如何使用固定值设置图像的左边缘。
- 使用百分比设置图像的左边缘
- 本例演示如何使用百分比值设置图像的左边缘。
- 使用固定值设置图像的右边缘
- 本例演示如何使用固定值设置图像的右边缘。
- 使用百分比设置图像的右边缘
- 本例演示如何使用百分比值设置图像的右边缘。
CSS 定位属性
CSS 定位属性允许你对元素进行定位。
属性 | 描述 |
---|---|
bottom | 定义了定位元素下外边距边界与其包含块下边界之间的偏移。 |
clip | 设置元素的形状。元素被剪入这个形状之中,然后显示出来。 |
left | 定义了定位元素左外边距边界与其包含块左边界之间的偏移。 |
overflow | 设置当元素的内容溢出其区域时发生的事情。 |
position | 把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 |
right | 定义了定位元素右外边距边界与其包含块右边界之间的偏移。 |
top | 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 |
vertical-align | 设置元素的垂直对齐方式。 |
z-index | 设置元素的堆叠顺序。 |