首页 > 代码库 > 解决子元素margin让父辈元素位置一起改变的问题

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

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

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


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

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


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

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


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

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


5、让父元素overflow:hidden。

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

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

 

原文链接:http://www.w3cfuns.com/blog-5456068-5403195.html

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