![如何快速学习：[1]Swift编程语言](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2f57a949fd01b1edef5dc13fa.jpg)
如何快速学习：[1]Swift编程语言,Swift，苹果于2014年WWDC（苹果开发者大会）发布的新开发语言，可与Ojective-C*共同运行于MacOS和iOS平台，用于搭建基于苹果平台的应用程......
2023-03-17 350 编程语言
如何设置div的宽度撑大外边距
来源：互联网
2023-03-17 00:11:42 版权归原作者所有，如有侵权，请联系我们
div在HTML定义中的自有属性是块级元素，多用于容器，类比其他元素的盒子，所以一般有盒子模型用于理解和调整他的结构，div的特点：
1.块级元素，会自动换行；
2.不像table 表格>、li 列表>,div默认没有任何的样式，是没有实际的意义的标签,一般配合CSS 样式表使用；
3.div标签之间一般使用class、id进行区分。
下图中分别是Chrome(57.0.2987.133(正式版本)（32 位）)和FireFox(55.0.3)中的盒子模型图，而外边距的概念就是图中分别对应展示margin 和 外边距。
工具/原料
- IDE
方法/步骤
参考上边的盒子模型,有以下公式：
div 宽度 =
内容宽度（style.width） 内边距（padding） 边框（border） 外边距（margin）
默认情况下，padding border margin 均为0px,width 的大小继承父级元素，height为0px;
如下图设置width的值分别为576px 876px,盒子模型显示如下：
由以上实例说明，width 和 margin 之间没有直接的影响，是独立存在的；
所以“设置div的宽度撑大外边距”的说法是不谨慎的，是伪命题！
应该说width和margin共同影响着div占用的结构空间！
注意事项
- 设置外边距：margin:0 50px;
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： 编程语言
相关文章
- 详细阅读
-
web图表开发工具FineReport：[11]连续分组详细阅读
![web图表开发工具FineReport：[11]连续分组](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb360a59bb092b74ee1d324e01.jpg)
web图表开发工具FineReport：[11]连续分组,数据库表数据是按照时间先后录入的，查询的时候希望按照时间先后，某个字段连续相同的话就合并起来显示，这样的报表可以通过相邻连续分组来实现。......
2023-03-17 574 编程语言
- 详细阅读
