bootstrap设置的样式margin-bottom: -1px;什么意思

来源:5-16 导航(标签形tab导航)

aiwei笑

2015-10-05 09:16

.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;

写回答 关注

3回答

  • sevencuijian
    2015-10-27 16:58:02
    已采纳

    我个人觉得这样做的目的是为了美观,请看截图

    562f3bbe0001c83201420059.jpg

    562f3bbe000152ec01410062.jpg

    上面的一张是去掉margin-bottom:-1px;的样式;

    下面的一张是保留margin-bottom:-1px;的样式;

    你可以对比一下底部的样式,明显不一样。

    aiwei笑

    非常感谢!

    2015-10-27 18:55:02

    共 1 条回复 >

  • 阿黎和小妞
    2015-10-10 14:42:14

    本来外边距的话不是会向外延伸1px么   这个是向里1px

  • 伊兮尘昔
    2015-10-08 14:50:24

    外边据距离底部距离为-1px距离

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题