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

content+padding+border+margin的长度构成长或者宽，长200px宽30px是不是有问题？

border-bottom已经1px了，height最高也是29px呀，何来的30px，宽度同理

weixin_慕运维0201071

2020-08-11

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

关注问题我要回答

1031

操作

收起

3 回答

千与千寻l
2021-07-15

加法运算，不是减

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

收起回答

一个前端的小白
2020-09-17

为什么能被你们理解的这么复杂正常盒子模型宽度不就是内容+左右margin+左右padding+左右border吗高度就是内容+上下margin+上下padding+上下border 作者说做宽200 高度30 然后又加了个下边框，应该是为了更好的区分，也就是说高度是31

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

收起回答

慕瓜2273023
2020-08-19

一个div的width被固定为300px，同时附带有30px的margin，50px的border与100px的padding。

div的宽度就变成600px了。这样是不是能理解了？

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

收起回答

weixin_慕运维0201071 提问者

意思是width自带十分之一的margin？我还是看不太明白，300+100*2+50*2=600宽度，margin去哪了，被包括在width里面了吗？

2020-08-19 回复有任何疑惑可以回复我~

自由笑

铁子，你再去看看课件的那张图。个人理解是width,height是对最内层的那个元素的宽高做赋值，而最外层的div的宽= margin-left+border-left+padding-left+width+padding-right+border-right+margin-right div的高= margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom 我也是新学css的，个人愚见，感觉应该没错

2020-09-05 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1225798 人
解答问题 18234 个

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

进入课程

本课相似问答

7 回答宽和长度问题

3 回答border-bottom为1px;width为200px;元素长度不是201了么

3 回答元素的长度问题

14 回答width:200px;height:30px;指的是将内容的宽度设为200像素，高度设为30像素吗？而不是盒子的宽度和高度？

2 回答元素的长和宽怎么理解啊？

搜索更多本课相关问答

content+padding+border+margin的长度构成长或者宽，长200px宽30px是不是有问题？

我要回答关注问题

热搜

最近搜索清空

content+padding+border+margin的长度构成长或者宽，长200px宽30px是不是有问题？

3 回答

本课相似问答

content+padding+border+margin的长度构成长或者宽，长200px宽30px是不是有问题？