需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，填充问题基础代码2在indexhtml中的lta标签中，输入样式代码style=quotmarginleft 30pxquot3浏览器。

1margin语法Margin10pxMargin的值是数字+html单位，同时也可以为auto自动自适应2应用结构Divmargin10px设置div对象四边间距为10px3Margin说明margin是设置对象外边距外延边距离margin的值有三种情况，可以为。

margin10px 5px上外边距和下外边距是 10px 右外边距和左外边距是 5px padding的定义和用法padding 属性设置元素的内边距padding 属性定义元素边框与元素内容之间的空间该属性可采取 4 个值如果规定一个值，比如。

对于块级元素displayblock，未浮动的垂直相邻元素的上边界和下边界会重叠压缩你的情况就是h3的margintop和div重叠到一起，所以看上去是div有了margintop如果div有borderpadding，那么h3的margintop就不会出。

1选中div右击，最底部页面属性2外观css里的页边界，可以控制边距margin。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码submargintop 30px3浏览器运行indexhtml页面，此时3个div子子容器的垂直间距被统一设置为了30px。

1新建html文档，在body标签中添加div标签，然后在div标签中添加img标签2为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示3为div标签添加“textalign”属性，属性值是“center”。

对此，一种较好的解决方法是将文字的行高设置与DIV一样时即可解决问题#xF50D内外边框合并问题通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距包含的两个DIV之间的。