在css中有兩種常用的定位方式：絕對(duì)定位、相對(duì)定位。這兩種定位最大的區(qū)別就是是否釋放空間元素。
| 定位方式 | 是否占用空間 |
|---|---|
| 絕對(duì)定位 | 釋放空間 |
| 相對(duì)定位 | 占用空間 |
定位在Web開(kāi)發(fā)中是不可或缺的启盛，它用來(lái)描述元素在界面中的位置。原點(diǎn)相對(duì)于屏幕的左上角技羔，橫坐標(biāo)向右為正僵闯，向左為負(fù)，縱坐標(biāo)向下為正藤滥，向上為負(fù)鳖粟。根據(jù)絕對(duì)定位和相對(duì)定位特有的性質(zhì)，在實(shí)際開(kāi)發(fā)中可以根據(jù)需求決定使用什么樣的定位方式拙绊。
在開(kāi)發(fā)中向图，經(jīng)常會(huì)將一個(gè)組件的父元素的定位方式設(shè)置成相對(duì)定位，其子元素設(shè)置成絕對(duì)定位标沪。通常父元素是需要占據(jù)元素空間的榄攀，否者就會(huì)造成元素塌陷，其他元素會(huì)‘忽視’這個(gè)組件的存在而將其覆蓋谨娜，或者這個(gè)組件會(huì)將其他組件覆蓋航攒。有些時(shí)候我們反而需要這個(gè)組件忽視其他元素的存在將其覆蓋磺陡，例如遮罩層趴梢。如果將遮罩層組件設(shè)置成相對(duì)定位不釋放空間，那么遮罩層會(huì)遮罩不住其他組件币他，起不到遮罩的效果坞靶，像下面這樣：
被擠了
遮罩層將導(dǎo)航欄組件‘?dāng)D’到下面去了
遮罩層應(yīng)當(dāng)設(shè)置為絕對(duì)定位釋放元素空間，這樣就會(huì)“忽視”其他元素的“存在”蝴悉，將其遮罩住彰阴。像下面這個(gè)樣子：
正常效果
