margin-top失效解决办法

如上图:

DIV1 它到 div2的margin-top:55px;margin-left:75px;

默认情况下,div1的margin-top(left)属性会绑架父元素,它的margin-top(left)会无效,它的margin-left(top)的值会传递给它的父元素。

什么情况下div1的margin-top(left)会有效呢?会出现下面几种情况(对本程序而言)

1、当div2(div1的父类元素)拥有padding-top的值,且不能为0。

2、div1的float不为none;

3、dvi1设置了display:inline-block;

那么我们是如何避免这种情况的?


但是当我们预览的时候,div1它的margin-top和margin-left却为0(或没有设置)

而是将div1的margin-left(top) 转化为div2的 padding-left(top)。


2019-04-10 21:11 举报

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素,软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册,立即赠送一年VIP会员。活动结束日期待定。