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

为什么我的这个练习代码里,li 元素中间会多出来一部分空隙。这个是如何产生的呢?

这个空隙如何取消掉呢?

截图

http://take.ms/8NHKB

练习代码

codepen

提问者:zozorz 2016-04-18 16:36

个回答

  • 慕斯9627782
    2016-06-06 11:41:15

    第一个<li>会相对<ul>缩进一定的像素,是<li>自带的<padding>属性。所以一般写网页的时候,会在先初始化样式,最简单的就是在CSS里面先写一个*{margin:0;padding:0;}

  • 勇敢的心9
    2016-04-20 22:05:51

    你设置的这个::before 产生的效果,在盒子之间造成间隙

  • 勇敢的心9
    2016-04-18 21:11:31

    在 .nav-bar ul li 加如下代码,不知道是不是你要的效果,我是新手,不喜勿喷

     margin-left:-5px