子元素margin-top影响父元素
来源:互联网 发布:b站视频 知乎 编辑:程序博客网 时间:2024/05/18 00:46
问题:
div父包裹div子时,设置div子的margin-top属性会影响div父的margin-top行为。即父子div同时具有了margin-top的属性。
代码:
分析:
这是由w3的规范决定的行为。
根据规范,一个盒子如果没有上补白和上边框,那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠解决方法:
1.让子元素脱离文档流(display:absolute;或者设置display:float;)。
2.设置父元素或者自身的display:inline-block;。
3.给父元素设置overflow:hidden;。
4.设置父元素border。
5.设置父元素padding-top(一般设置:padding-top:1px;)。
6.填充父元素内容,使父元素非空。
tips:
在chrome等浏览器中会出现这种情况,在ie6、7中则不会。
阅读全文
0 0
- 子元素margin-top影响父元素
- 嵌套盒元素子元素margin-top影响父元素
- CSS:子元素margin-top影响父元素
- 子元素设置margin-top,父元素也受影响
- 子元素设置margin-top,父元素也受影响
- 子元素margin-top为何会影响父元素?
- 子元素margin-top为何会影响父元素?
- 关于子元素的margin-top影响父元素
- 父元素跟随子元素margin-top
- 子元素的margin-top为何会对父元素造成影响
- 子元素margin-top,为什么对父元素也起作用?
- 父元素与子元素之间的margin-top问题
- 父元素与子元素margin-top问题
- 父元素,子元素之间的margin-top问题
- 子元素的margin-top 传递给了父元素
- 父元素与子元素之间的margin-top问题
- 如何消除margin-top对父元素的影响
- margin-top越界以及所有子元素浮动后父元素高度为0且影响后续元素的问题。
- Robotframwork测试环境搭建记录
- Spark 实现 朴素贝叶斯(naiveBayes)
- 支持64位系统的XOR加密后内存加载PE绕过杀毒软件
- GDI+[58]: 路径
- 一.栈和队列
- 子元素margin-top影响父元素
- 【U3D】关于 IOSApp唤醒API: OnApplicationPause 和 OnApplicationFocus
- codeforces 801A Vicious Keyboard
- Effective Java中文第二章第1节(个人渣翻)
- 多线程/并发笔记:线程池的创建--Executor框架
- GDI+[59]: 路径
- 关于用mvc三层设计模式来设计用户登录系统
- kafka添加 partion导致 spark 实时任务数据减少
- myeclipse10破解版无common文件夹