CSS设置子元素设置margin-top作用于父元素
来源:互联网 发布:头皮痒 知乎 编辑:程序博客网 时间:2024/06/05 11:21
此文章借鉴于 http://blog.csdn.net/u012011360/article/details/41823125
解决方法: 1.给父元素增加border
2.给父元素增加padding
3.给父元素增加属性:overflow: hidden;
原理:根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
原理解释:margin-top是根据padding或border来工作的,当父元素没有这些时,那么子元素就会逐级向上查找有padding或margin的父元素,然后子元素就相对于这个祖先元素来进行偏移。
0 0
- CSS设置子元素设置margin-top作用于父元素
- 为子元素设置margin-top会作用在父元素上?
- 子元素设置margin-top,父元素也受影响
- 子元素设置margin-top,父元素也受影响
- CSS:子元素margin-top影响父元素
- css子元素设置margin时和父元素合并margin
- 为什么margin-top不是作用于父元素
- css margin-top设置html元素之间的距离
- 父元素跟随子元素margin-top
- 子元素margin-top影响父元素
- 设置margin-top值时,溢出到父元素
- 嵌套盒元素子元素margin-top影响父元素
- 父元素与子元素之间的margin-top问题(css hack)
- 父元素与子元素之间的margin-top问题(css hack)
- 父元素与子元素之间的margin-top问题(css hack)
- 父元素与子元素之间的margin-top问题(css hack)
- 子元素margin-top,为什么对父元素也起作用?
- 父元素与子元素之间的margin-top问题
- EL表达式语言(Servlet+jsp)
- 数据结构——线性表—— 2016_10_13
- [BX] 和 loop指令
- 卷积神经网络
- 2.Android进阶:获取设备可用空间
- CSS设置子元素设置margin-top作用于父元素
- Tyvj P1077 CODE[VS] 2190 有理逼近
- 【基础4】WebDriver的部署
- Java之正则表达式入门理解
- Caused by: android.content.res.Resources$NotFoundExceptiton
- 洛谷 P1026 统计单词个数
- jsdom
- 智能小车-----寻迹的代码
- java8 新特性入门 stream/lambda