css盒子模型中盒子的高度和宽度是否包含margin的宽度吗?

beizhongshui123 CSS盒子模型 最后由 cntnn11 于2014年07月31日回复

  • 3 回答
  • 5.7k 浏览

即盒子的宽度=margin-left+border-left+padding-left+width+padding-right+border-right+margin-right的还是盒子的宽度=border-left+padding-left+width+padding-right+border-right的呢?


  • iwen 2014年07月31日 回答 #1楼
  • 首先这里的盒子是遵循w3c标准。不是IE的盒子。盒子的宽度是不包含内边距和边框以及外边距的。
  • 0 评论
  • xuexi9658 2014年07月31日 回答 #2楼
  • 虽然margin不是盒子宽度 但却占用 像素
    也就是说只要你给盒子设置了margin 这个盒子就好多占出margin的位置
    实际上也算是盒子的宽度了

  • 0 评论
  • cntnn11 2014年07月31日 回答 #3楼
  • margin相当于两个盒子之间的间距,对盒子宽度没有影响。

    padding相当于盒子内部的内容同盒子边框的间距,这个倒是会影响盒子的宽度

    所以margin算不上盒子的宽度。

  • 0 评论