子元素相对于父元素设定margin-top值的时候
2017-08-24 00:16
246 查看
子元素相对于父元素设定margin-top值的时候,怎么办?
记得是父元素没有边界,可以加border-top: 1px solid red;
解决方法:
1、修改父元素的高度,增加padding-top样式模拟
2、为父元素添加overflow:hidden;样式即可
3、为父元素或者子元素声明浮动
4、为父元素添加border
5、为父元素或者子元素声明绝对定位 。
相关文章推荐
- div嵌套引起的margin-top不起作用(子div设定margin-top,导致父div与其他元素有间隙)
- 为什么给行内块级元素inline-block添加margin-top为负值的时候不起作用?
- css子元素的margin-top为何会影响父元素
- 元素的position:absolute;属性和margin-left:480px; margin-top:-20px配合使用
- HTML 父元素与子元素之间的margin-top问题
- padding-top的值用的是百分比,实际显示的不是父元素高度的百分比,而是宽度的百分比!margin-top同理
- 行内元素为何不能设置margin-top、margin-bottom;padding-top、padding-bottom值
- jQuery中scrollTop获取匹配元素相对滚动条顶部的偏移(此方法对可见和隐藏元素均有效。)
- 内联(行级)元素不能设置margin-top
- 元素竖向的百分比设定是相对于容器的宽度or高度
- 子div设置margin-top后会影响父元素
- 父元素与子元素之间的margin-top问题
- margin-top 为什么会影响父元素的 margin-top
- 子元素margin-top为何会影响父元素?
- 元素浮动,其后的元素的 margin-top会被压制
- 给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值的解决办法
- jquery 设置元素相对于另一个元素的top值(实例代码)
- 子元素margin-top,为什么对父元素也起作用?
- 父元素,子元素之间的margin-top问题
- CSS:span元素margin-top无效的根源