                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

实例里高度18哪来的？

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

html代码：

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

以上代码里都没有写height的值，那这个18哪来的？

慕UI5559208

2018-09-05

源自：初识HTML(5)+CSS(3)-升级版 12-7

关注问题我要回答

1594

操作

收起

5 回答

亚麻桑
2019-09-22

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

0 回复有任何疑惑可以回复我~

收起回答

wasdlv2
2018-10-29

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

0 回复有任何疑惑可以回复我~

收起回答

weixin_慕九州0455738

那也比只会嘲讽又说不出干货的家伙好

2018-11-05 回复有任何疑惑可以回复我~

Kuhlii 回复 weixin_慕九州0455738

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

2019-01-15 回复有任何疑惑可以回复我~

慕函数2435772
2018-09-05

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

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

0 回复有任何疑惑可以回复我~

收起回答

qq_阿尔卑斯小馒头_0
2018-09-05

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

0 回复有任何疑惑可以回复我~

收起回答