关于css的margin塌陷现象
来源:互联网 发布:windows线程同步机制 编辑:程序博客网 时间:2024/05/21 07:54
由于偶然翻到了以前的笔记,记载的正好是css的margin塌陷现象。于是有了写在知乎上与大家分享讨论的想法。
在标准文档流中,竖直方向(记住是竖直方向,左右方向的不会出现塌陷现象)的margin会出现叠加现象,即较大的margin会覆盖掉较小的margin,竖直方向的两个盒子中间只有一个较大的margin,这就是margin的塌陷现象。
margin的塌陷现象分两种情况:1,兄弟关系的盒子 2 ,父子关系的盒子
1,兄弟关系的盒子margin塌陷的解决方法:
给上面的盒子加个margin-bottom(这个距离等于两个盒子之间的距离)或者给下面的盒子加个margin-top(这个距离等于两个盒子之间的距离)。
2 ,父子关系的盒子margin塌陷的解决方法:
给父盒子加上下边框或者给父盒子添加上下padding。
1 0
- 关于css的margin塌陷现象
- CSS中margin的塌陷现象
- margin塌陷现象的解决办法
- CSS的margin塌陷
- margin的塌陷现象跟合并现象
- 4:--1margin的塌陷现象.html
- HTML:margin塌陷现象的解决
- margin-top塌陷现象解决方案
- CSS的margin塌陷(collapse)
- 问题与对策:CSS的margin塌陷(collapse)
- CSS中,margin-top塌陷问题的解决
- CSS中margin的两种现象
- margin在标准文档流下在竖直方向的塌陷现象。
- margin垂直方向的塌陷
- 关于margin-top 的神奇现象
- 关于margin重叠现象的解决方案
- CSS中的margin塌陷(collapse)
- 高度塌陷 margin塌陷
- VC++unicode项目使用CFile类写txt日志文件
- 改变button可点击的工具类
- java enum(枚举)使用详解 + 总结
- 面向对象之路
- 引用Android 源码编译出的jar包文件
- 关于css的margin塌陷现象
- 阿里云使用(一)【证书服务】
- 640万被盗的PlayStation账户在Dark Web上销售
- Java 获取目录下所有文件
- 使用UGUI中的Mask的时候,如何正确裁减非默认材质的UI对象
- mybatis转义字符
- 时间复杂度和空间复杂度详解
- Windows网络编程(基础篇1)
- JDBC流程分析