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