在css中 ， 相邻的块状父子元素在垂直方向同时使用margin属性会导致重叠 ， 那么如何解决这个问题呢？今天给大家讲解下css如何解决margin重叠问题

需要这些哦
华硕S14
window10家庭版
css
html

一：新增页面1打开编纂器 ， 新建一个index.html ， 在html中定名a,b,c三个div ， 并给他们加上css样式



1
2【css如何解决margin重叠问题】在网页中打开index.html ， 发现b,c两个div之间没有间距 ， 这是因为两个div的margin属性发生了重叠




2：利用overflow: hidden属性1在父元素b的css样式里加上overflow: hidden属性 。 再次打开页面 ， 问题解决






3：利用float: left属性 1在子元素c的css样式里加上float: left属性 。 再次打开页面 ， 问题解决






4：利用display: inline-block属性 1在子元素c的css样式里加上display: inline-block属性 。 再次打开页面 ， 问题解决





注重事项方式良多 ， 作者感受这几个最便捷
给个赞哦~

以上内容就是css如何解决margin重叠问题的内容啦 ， 希望对你有所帮助哦！

猜你喜欢

• 如何让Kindle阅读接收内容下载通知
• 文档中如何开启德语翻译到英语功能
• 如何挑选南美水仙球
• qq音乐房间如何添加歌曲
• 如何在AI中给图片添加点状化和阴影线效果
• 如何在AI中给文字添加蓝色喷溅效果
• 电商营销的方法
• 五一九华山门票如何预定
• 珠海圆明新园如何预约入园
• 如何预约北京科技馆门票