问答详情
源自:5-20 自适应导航(实现原理)

@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }为什么width要设置成1%

为什么width要设置成1%

提问者:疾风音速 2015-07-21 17:24

个回答

  • qq_慕盖茨8361330
    2019-01-14 05:45:11

    我在别的地方看到 说是为了防止结构塌陷 当内容为空时 给你一个思路 你可以照着找 我不确定对不对

  • qianduancainiao
    2016-03-27 14:10:23

    我也想问

  • 木头锤纸
    2015-09-24 17:55:10

    额 图挂了  看下面的吧


    width值为0时,如图

    5603c82200010c9905000043.jpg

    width值为1%时,如图

    http://img.mukewang.com/5603c8500001241c07950062.jpg

    width值为50%时,如图

    http://img.mukewang.com/5603c85b000114e807970066.jpg

    width值为100%时,如图

    http://img.mukewang.com/5603c8680001c03107970059.jpg

    width值为1%时,padding值为0 50px,如图

    http://img.mukewang.com/5603c871000131f908010081.jpg

    由此可得出结论(正确性有待验证),当li属性为table-cell时,width起到限制表格宽度作用,padding值对表格之间的间距有效,至于 width为什么要设置为1%,我也不是很清楚,可能就是起到类似于(当li的属性为displady:block情况下的)padding的效果

  • 木头锤纸
    2015-09-24 17:52:29

    在网上找了半天也没搞清楚,之后改变了下width的值。

    width值为0时,如图

    width值为1%时,如图

    width值为50%时,如图

    width值为100%时,如图

    width值为1%时,padding值为0 50px,如图

    由此可得出结论(正确性有待验证),当li属性为table-cell时,width起到限制表格宽度作用,padding值对表格之间的间距有效,至于width为什么要设置为1%,我也不是很清楚,可能就是起到类似于(当li的属性为displady:block情况下的)padding的效果