Home > Web Front-end > HTML Tutorial > div+css之定位_html/css_WEB-ITnose

div+css之定位_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:31:47
Original
1113 people have browsed it

1.相对定位(relative)
所谓相对定位是指,相对该元素应当显示的左上角重新定位,虽然它脱离了标准流,
但它原来的空间不能被占用。

2.绝对定位(absolute)
所谓绝对定位是指,对该元素最近的那个脱离了标准流的元素(父元素)定位,如果没有
父元素(或者有父元素,但父元素没有脱离标准流),则相对body左上角定位。

3.固定定位(fixed)
所谓固定定位,就是不管怎样,总是以视窗的左上角定位。

注意:left,top对static静态定位无效。static定位是靠margin-left和margin-top
来定位的。

4.z-index
用于设置对象(div)显示的时候,层叠的属性,z-index值越小,则越在下层显示

5.当我们想使用绝对定位时:必须要有两个条件
【1】必须给父元素加定位属性,一般建议使用position:relative;
【2】给子元素,加绝对定位position:absolute;同时要加方向属性;

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template