在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 值。

最新文章

  1. 【原】使用VirtIE6代替IE6
  2. 2014 牡丹江区域赛 B D I
  3. DuoCode测试
  4. virtualbox 在window10上的兼容性调整
  5. java 获取当前系统系时间
  6. Android 自定义Toast
  7. spring小例子-springMVC+mybits整合的小例子
  8. NRE
  9. python和django的一些小技巧(locals()...)
  10. T4模版引擎之基础入门
  11. iOS7之后经过滑动返回导航栏隐藏和显示带来的坑(转载)
  12. CodeForces 567C Geometric Progression 类似dp的递推统计方案数
  13. java入门学习笔记之1(类的定义,代码的编译执行)
  14. SRD_PreloaderCore
  15. selenium多窗口切换定位
  16. POJ1700----Crossing River
  17. 【转】WPF自定义控件与样式(13)-自定义窗体Window & 自适应内容大小消息框MessageBox
  18. Python的rand vs randn以及linspace
  19. idea 使用 mybaits generator
  20. Machine Learning系列--判别式模型与生成式模型

热门文章

  1. gem install走代理,速度刚刚的
  2. 树-二叉平衡树AVL
  3. python def说明
  4. 2013年信1204-1-2班小学期<程序设计技能训练>作品
  5. powerdesign的license key到期,解决办法
  6. MATLAB将批量的图片保存为mat文件
  7. c++拼接字符串效率比较(+=、append、stringstream、sprintf)
  8. 在Windows操作系统中,如何终止占有的8080端口的tomcat进程
  9. jitsi-meet
  10. ALM11需求类型