盒子的大小指的是什么?

盒子的大小指的是什么?

老师,盒子的大小,是不是要在div的width和height的基础上加上边框和外边距。然后,边框和外边距如果不设置的话,默认是不是为0?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好!

  1. 标准盒模型尺寸的计算:

    盒子模型的实际宽度:width+左右padding(内边距)+左右border

    盒子模型的实际长度:width+上下padding(内边距)+上下border

  2. 有的元素默认会有边距,所以通常我们会使用以下css清除一下默认的样式

    http://img1.sycdn.imooc.com//climg/5d1b3339000189b204070188.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 天才少年25 提问者 #1
    那margin呢?它不用加入到盒子模型里的吗?
    2019-07-02 19:03:17
  • 好帮手慕柯南 回复 提问者 天才少年25 #2
    同学你好!margin并不会盒子的大小,但是它的确会占像素,所以有的资料会把它算上,有的资料不会算它。祝学习愉快~
    2019-07-02 19:23:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师