网页布局中margin也是必不可少的，那么在网页设计布局中，margin应该怎样使用呢？
操作方法
- 01首先，我们先设计一个div，并且给这个div添加一个id，id名随意取 。
- 02然后设置一下宽高，并且添加一个红色的背景属性值 。
- 03默认情况下，这个div是靠近浏览器的顶部和左边的 。
- 04接着我们给这个div设置一下margin值，从左到右表示的是上边，右边，下边，左边的margin值 。
- 05设置好之后，可以看到左边和上边都隔开了一定的距离，这就是margin值的用处，而下边和右边因为没有其他div或者其他颜色，所以效果被忽略了 。
- 06当然，margin值也可以分开写，比如我只设置div的上边的margin值，就可以使用margin-top，而右边则可以使用margin-right，左边则是margin-left，下边则是margin-bottom 。
- 07如图，设置margin-top之后，只有上边拉开了距离，而左边并没有拉开距离 。
- 08接着我们再在网页中添加一个div，并设置id为“you” 。
- 09接着设置“you”这个div的宽高和背景 。
- 10如图所示，新添加一个div之后，如果没有设置margin-bottom的值，两个div就会连在一起 。
- 11然后我们给上面的div，也就是“my”,设置margin-bottom 。
- 12设置好之后，两个div之间就会拉开距离，这样就可以定位好div的位置 。
- 13而如果我们给“my”设置好margin-bottom之后，又给“you”设置margin-top，又会有什么结果呢？
- 14【网页设计中margin怎么用】结果就是这样：有两个相邻的div，如果一个div设置了margin-top，另一个设置了margin-bottom，则以它们之间值最大的为准 。比如margin-top是50像素，margin-bottom是30像素，则间隔就是50像素，而不是两个相加哦 。了解这个之后，在网页布局中，我们只需要对其中一个设置就可以了 。
推荐阅读
- excel曲线拟合怎么弄
- Excel中round函数怎么用
- SQL语句中删除表drop，truncate和delete的用法
- CONCATENATE EXCEL中字符串连接或合并函数
- 人们为什么习惯把中国传统绘画成为丹青。
- 小编分享Photoshop中如何把图片弄成各种形状
- excel中hlookup函数怎么使用
- excel中hyperlink函数怎么使用
- excel中row函数怎么使用
- 我来教你windows11怎么设置中文