margin-top无效的解决方法
2015-11-10 10:27
295 查看
为什么会出现margin-top无效?
原因:根据W3C盒子模型的规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
解决该问题的办法:
1.在父元素加上有意义的border数值(0,none无效)
2.用内边距来解决(给其父元素一个设置个内边距)
3.在父级元素加: float:left; (clear:both;)
4.在父级元素加:overflow:hidden;
第4种办法最好。
原因:根据W3C盒子模型的规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
解决该问题的办法:
1.在父元素加上有意义的border数值(0,none无效)
2.用内边距来解决(给其父元素一个设置个内边距)
3.在父级元素加: float:left; (clear:both;)
4.在父级元素加:overflow:hidden;
第4种办法最好。
相关文章推荐
- 中兴MF667S WCDMA猫Linux拨号笔记
- 11月7日全球域名商保有量及市场份额排行榜TOP16
- 每天一个linux命令(40):wc命令
- linux下c/c++实例之九识别中文字符
- TOP域名11月初市场报告:单日注册量13.6万创新高
- linux查看和修改系统时间
- 去除HDFS WARN util.NativeCodeLoader
- linux下MySQL与jdk安装
- Linux下实现MySQL数据备份和恢复的命令使用全攻略
- 如何从Apache官网下载windows版apache服务器
- Kali Linux 常见错误整理
- Centos6.5服务器以Server模式配置H2内存数据库方案
- CentOS+JDK+Tomcat+MySql&JDBCDriver 开发环境搭建实录
- Linux多线程实践(3) --线程属性
- 彻底隐藏Nginx版本号的安全性与方法
- linux下c/c++实例之八字符串分隔、去空格和转大小写
- (总结)隐藏Apache版本号的必要性与方法
- Recommending items to more than a billion people
- 一份简单的在 Linux下编译及调试 C 代码的指南
- JOptionPane类的用法。