如何设置div的宽度撑大外边距

 时间:2026-02-12 22:46:43

1、参考上边的盒子模型,有以下公式:

div 宽度 = 

 内容宽度(style.width) + 内边距(padding) + 边框(border) + 外边距(margin)

2、默认情况下,padding border margin 均为0px,width 的大小继承父级元素,height为0px;

如下图设置width的值分别为576px  876px,盒子模型显示如下:

如何设置div的宽度撑大外边距

如何设置div的宽度撑大外边距

如何设置div的宽度撑大外边距

如何设置div的宽度撑大外边距

3、由以上实例说明,width 和 margin 之间没有直接的影响,是独立存在的;

所以“设置div的宽度撑大外边距”的说法是不谨慎的,是伪命题!

应该说width和margin共同影响着div占用的结构空间!

  • onkeyup怎么用
  • css设置div高度自适应
  • DataGridView如何绑定数据库数据
  • js中怎么截取日期的月份和日期
  • 怎样通过js来为网页元素添加CSS样式
  • 热门搜索
    睡觉磨牙是怎么回事 怎么安装打印机驱动 芭妮兰卸妆膏怎么样 冰箱结冰怎么回事 app怎么制作 抑郁怎么办 微信接龙怎么往下接 干豆腐怎么做好吃 增值业务费怎么取消 技术路线图怎么画