码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-01 15:39:55      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:

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

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


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

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


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

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


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

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


5、让父元素overflow:hidden。

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

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

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

标签:

原文地址:http://www.cnblogs.com/libaoli/p/4613051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!