CSS中margin-top属性失效如何解决
本篇文章给大家分享的是有关CSS中margin-top属性失效如何解决，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
创新互联公司是一家集网站建设,榆中企业网站建设,榆中品牌网站建设,网站定制,榆中网站建设报价,网络营销,网络优化,榆中网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
关于margin-top属性失效的解决方法
常出现两种情况：
（一）margin-top失效
先看下面代码：
clear:both;margin-top:20px;
两个层box1和box2，box1具有浮动属性，box2没有，这时候设置box2的上边距margin-top没有效果。
网上能找到的两种比较靠谱的解释：
1：“在CSS2.1中，水平的margin不会被折叠；垂直margin可能在一些盒模型中被折叠…”
2：当***个层浮动，而第二个没浮动层的margin会被压缩，详见--浮动元素后非浮动元素的margin的处理。
得到解决问题思路：要浮动一起浮动，要就一起不浮动。
解决办法：
1.box2增加float属性
2.box1与box2之间增加一层"
"以上就是CSS中margin-top属性失效如何解决，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
