解决子元素margin让父辈元素位置一起改变的问题

 

1、在父元素内添加内容，并且要在子元素块前面添加，后面添加内容无效。

内容可以是文字、图片甚至是空格，源代码里直接按空格无效，可以用占位符 

2、让子元素或父元素浮动float:left。

缺点：在元素不能用浮动的情况

3、让父元素顶部增加一条边框，可以设边框为透明：border-top:1px solid transparent。

缺点：虽然是透明但还是多了1px的占位，一般精确度要求不高，1px基本可以忽略了。

4、让子元素或父元素绝对定位：position:absolute。

缺点：在元素不能用绝对定位的情况

5、让父元素overflow:hidden。

缺点：元素不能用overflow:hidden的情况。

总结，相对完美的是添加占位符 和overflow:hidden了。

转载于:https://www.cnblogs.com/libaoli/p/4613051.html