码迷,mamicode.com
首页 > Web开发 > 详细

css常见bug

时间:2017-10-12 14:36:00      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:hidden   flow   css   top   问题   修改   模拟   解决方法   bug   

1:magin-top 父元素上移

  原理:这个问题发生的原因是根据盒模型规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

解决方法:

1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 
2、为父元素添加overflow:hidden;样式即可(完美) 
3、为父元素或者子元素声明浮动(float:left;可用) 
4、为父元素添加border(border:1px solid ) 
5、为父元素或者子元素声明绝对定位

 

2:

css常见bug

标签:hidden   flow   css   top   问题   修改   模拟   解决方法   bug   

原文地址:http://www.cnblogs.com/snowsherry/p/7655858.html

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