问答详情
源自:12-7 长胖长高点--宽度和高度

盒模型问题

为什么加了这个padding-bottom:0px;之后,文字不会贴着这歌线呢?

提问者:MOOC风信子 2017-02-08 17:05

个回答

  • qq_Absurdyears_0
    2017-02-13 21:11:38

    文字不会贴着虚线的是你高度的设定值的原因,你对li设置了边框高度为30px,虽然css样式里只是让边框显示了下边框,但它的高度值仍然是30px,从文字顶部到下边框的距离仍为30px,所以文字不会贴着下边框线,你可以改变height的值观察一下

  • 程yt
    2017-02-08 17:19:38

    li{

        border-bottom:1px dotted #ccc;

        width:200px;

        height:30px;

        position:relative;

    }

    span{

        position:absolute;

        bottom:0;

    }

      <li><span>别让不会说话害了你</span></li>

  • 程yt
    2017-02-08 17:14:16

    那个是li元素的格式,而不是文字的格式