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

实例里高度18哪来的？

div{
    width:200px;
    padding:20px;
    border:1px solid red;
    margin:10px;    
}

html代码：

<body>
   <div>文本内容</div>
</body>

https://img4.mukewang.com/5b8f2f300001e0b604180346.jpg以上代码里都没有写height的值，那这个18哪来的？

提问者：慕UI5559208 2018-09-05 09:21

个回答

  • 亚麻桑
    2019-09-22 18:11:55

    理论上讲，是应该有一个height:18px;的。可能是在其他样式选择器里写了吧，没截全而已。

    0
  • wasdlv2
    2018-10-29 09:12:49

    一堆误人子弟的家伙...

    0
  • 慕函数2435772
    2018-09-05 15:10:48

    原问题与回答：     https://www.imooc.com/qadetail/260742

    border-width:200px，（border-height:18px;）为默认而已，只是没有写出来~  18表示的是宽度！


    0
  • qq_阿尔卑斯小馒头_0
    2018-09-05 09:51:11

    这个是盒子大小减去边框左右的大小减去padding左右的大小，最后所占的内容区域的高度，不需要定义的；比如说你给这个框设置height值为100，那么就是减去你的边框值左右各1，还要减去你的内边距值也就是padding值左右各20，然后剩下的就是你这个框的内容区域（100-1-1-20-20=52，最后内容区域为52）

    0
  • Holdens
    2018-09-05 09:34:27

    那是内容自己的高度

    0