div嵌套内层div的margin-top转移给外层div的解决办法
2024-10-14 19:06:10
在web开发过程中,有些情况下给内层div设置的margin却被莫名奇妙的转移给了外层div。百度之后,发现它竟然是css2.1中盒模型中规定的内容:
In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin. 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为:同级或者嵌套的盒元素,并且它们之间没有非空内容、Padding或Border分隔。
解决办法:
1.给父元素添加 overflow:hidden;
属性。
2.或者给父元素添加 padding-top
属性,属性值为要设定的margin
值。
最新文章
- 【原】使用VirtIE6代替IE6
- 2014 牡丹江区域赛 B D I
- DuoCode测试
- virtualbox 在window10上的兼容性调整
- java 获取当前系统系时间
- Android 自定义Toast
- spring小例子-springMVC+mybits整合的小例子
- NRE
- python和django的一些小技巧(locals()...)
- T4模版引擎之基础入门
- iOS7之后经过滑动返回导航栏隐藏和显示带来的坑(转载)
- CodeForces 567C Geometric Progression 类似dp的递推统计方案数
- java入门学习笔记之1(类的定义,代码的编译执行)
- SRD_PreloaderCore
- selenium多窗口切换定位
- POJ1700----Crossing River
- 【转】WPF自定义控件与样式(13)-自定义窗体Window &; 自适应内容大小消息框MessageBox
- Python的rand vs randn以及linspace
- idea 使用 mybaits generator
- Machine Learning系列--判别式模型与生成式模型