影响CSS的margin合并的几个属性

weixin_33943836

于 2019-02-23 16:01:00 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/YooHoeh/p/10465738.html

本文探讨了CSS中Margin合并的问题，列举了几种有效避免Margin合并的方法，如使用border、display属性、padding及overflow等，帮助开发者解决网页布局难题。

很多人知道，在CSS中存在Margin合并的现象，比如下代码：

<style>
div {
	margin:10px;
	height:100px;
	background:red;
}

</style>
<body>
	<div></div>
	<div></div>
</body>

在这里的两个div之间的margin值不是20px而是10px，那么需要怎么才能取消这种margin合并的现象呢？有很多个属性可以做到，但是这些属性并没有什么规律，所以只在这里列举出来，不做解释。

关于影响margin合并这里没有什么规律，只能通过自己一个一个的去尝试，肯能还有其他文中未提到的属性，可以评论留言。

转载于:https://www.cnblogs.com/YooHoeh/p/10465738.html

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。