问答详情
源自:5-5 CSS3背景 制作导航菜单综合练习题

效果实现了,但是没理解为什么要设置绝对定位,高手们谁知道?

效果实现了,但是没理解为什么要设置绝对定位,高手们谁知道?        /*使用伪元素制作导航列表项分隔线*/ .nav li:after{     content:"";         width:1px;         height:20px;         position:absolute;/*为什么要设置绝对定位*/         top:15px;         right:0px;         background-image:linear-gradient(to top,#f00,#000);

提问者:aiolos 2015-08-10 18:04

个回答

  • hey自然
    2015-09-25 22:21:06
    已采纳

    绝对定位脱离文档流,且具有跟随性,即紧随在它之前的元素(未设置绝对定位的元素)的后面,且不占据任何空间。这个时候给他设置top, right 从而完美控制伪元素的位置,且不需要加入padding margin 以免影响整体宽高值。建议看一下mooc里的张鑫旭讲的 absolute