-
relative與absolute:relative是大哥,absolute功能比較強(qiáng),relative限制absolute 1、限制定位 2.限制層級(jí)(absolute的z-index越大就越高,但有relative在外面有具體得z-index數(shù)值除auto,就會(huì)超越absolute的層級(jí))3、overflow:hidden;可以讓元素隱藏,但是不能讓absolute的元素隱藏。relative包裹的absolute元素可以隱藏。<br><br> 塊狀元素設(shè)置margin:<br><br> 瀏覽器默認(rèn)從左向右渲染,所以元素是從左向右排列的,margin-right其實(shí)有效果的,只是在默認(rèn)即標(biāo)準(zhǔn)流的情況的下顯示不出來(lái)效果<br><br> 解決方案:<br><br> 1、在CSS里設(shè)置:float:right,這時(shí)margin-right有用;<br><br> 2、它的右面有其他盒子;<br><br>查看全部
-
absolute 上下 左右屬性同時(shí)使用 可拉伸圖片 relative 同時(shí)使用 上 左有效 下右無(wú)效查看全部
-
哈哈查看全部
-
1.盡量少用RELATIVE 2.最小化原則 放在空div中查看全部
-
絕對(duì)定位是拉伸 相對(duì)定位是搶奪查看全部
-
1、盡量避免使用relative 2、放在最小范圍內(nèi)查看全部
-
relative使用規(guī)則:最小化原則查看全部
-
relative層級(jí):鬼畜級(jí)別 加上position:relative就會(huì)產(chǎn)生高級(jí)比層級(jí)但如果relative為auto就不會(huì)對(duì)絕對(duì)定位的層級(jí)關(guān)系造成影響查看全部
-
1、relative與fixed:只能限制fixed的z-index層級(jí) 2、relative定位功能:1、相對(duì)自身:相對(duì)自身變化top等2、無(wú)侵入:不會(huì)影響其他元素的布局(margin-top:-100px會(huì)影響其他元素relativetop:-100px不會(huì)影響下面的元素) 3、對(duì)立(top和bottom,left和right)定位同時(shí)設(shè)置時(shí)的情況:1相對(duì)定位是延伸2、絕對(duì)定位是斗爭(zhēng)(取left和top)查看全部
-
relative與absolute:relative是大哥,absolute功能比較強(qiáng),relative限制absolute 1、限制定位 2.限制層級(jí)(absolute的z-index越大就越高,但有relative在外面有具體得z-index數(shù)值除auto,就會(huì)超越absolute的層級(jí)) 3、限制overflow(absolute會(huì)不受overflow限制,relative會(huì)干掉不受限制) relative與fixed:只能限制fixed的層級(jí)查看全部
-
position與absolute:relative是大哥,absolute功能比較強(qiáng),relative限制absolute 1、限制定位 2.限制層級(jí) 3、限制overflow查看全部
-
絕對(duì)定位的元素的層級(jí)需要看其父級(jí)的元素的relative的層級(jí)查看全部
-
dom中正常都是后面的層級(jí)高于前面的層級(jí),如果想讓第一個(gè)妹子上位,加上position:relative就可以了,因?yàn)橄鄬?duì)定位提高層級(jí)是鬼畜級(jí)別的查看全部
-
relative影響最小化原則的案例 給要絕對(duì)定位的元素獨(dú)立加一個(gè)外框容器并且設(shè)置相對(duì)定位,這樣就不會(huì)對(duì)其他元素產(chǎn)生影響查看全部
-
對(duì)于相對(duì)定位和絕對(duì)定位中同時(shí)設(shè)置top bottom left right四個(gè)相反的屬性的時(shí)候,對(duì)于絕對(duì)定位,是拉伸效果 對(duì)于相對(duì)定位 top left起效果查看全部
舉報(bào)
0/150
提交
取消