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

来源:5-5 CSS3背景 制作导航菜单综合练习题

aiolos

2015-08-10 18:04

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

写回答 关注

1回答

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

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

    aiolos

    哦,明白了,谢谢高人​

    2015-09-29 10:40:03

    共 1 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题