效果實(shí)現(xiàn)了,但是沒(méi)理解為什么要設(shè)置絕對(duì)定位,高手們誰(shuí)知道?
效果實(shí)現(xiàn)了,但是沒(méi)理解為什么要設(shè)置絕對(duì)定位,高手們誰(shuí)知道? ? ? ? ?/*使用偽元素制作導(dǎo)航列表項(xiàng)分隔線*/ .nav li:after{ ? ? content:""; ? ? ? ? width:1px; ? ? ? ? height:20px; ? ? ? ? position:absolute;/*為什么要設(shè)置絕對(duì)定位*/ ? ? ? ? top:15px; ? ? ? ? right:0px; ? ? ? ? background-image:linear-gradient(to top,#f00,#000);
2015-09-25
絕對(duì)定位脫離文檔流,且具有跟隨性,即緊隨在它之前的元素(未設(shè)置絕對(duì)定位的元素)的后面,且不占據(jù)任何空間。這個(gè)時(shí)候給他設(shè)置top, right 從而完美控制偽元素的位置,且不需要加入padding margin 以免影響整體寬高值。建議看一下mooc里的張?chǎng)涡裰v的 absolute?