实例里高度18哪来的?

来源:12-7 长胖长高点--宽度和高度

慕UI5559208

2018-09-05 09:21

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

html代码:

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

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

写回答 关注

5回答

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

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

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

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

    Kuhlii 回复weixin...

    我去,撞头像了。乍一看你的回复我还纳闷我什么时候学会怼人了,哈哈哈

    2019-01-15 17:16:03

    共 2 条回复 >

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

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

    border-width:200px,(border-height:18px;)为默认而已,只是没有写出来~  18表示的是宽度!


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

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

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

    那是内容自己的高度

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225314 学习 · 18230 问题

查看课程

相似问题