margin在使用过程中具有如下的两个特点:

1.垂直外边距塌陷

        --给子元素设置margin-top的时候,如果父元素也随着margin-top改变位置

  解决方式:

  1. 给父元素设置边框
  2. 给父元素设置overflow:hidden;
  3. 让子元素脱标(浮动| 定位)

2. 垂直外边距合并

        --如果给元素设置上下margin,那么最后的margin值会以最大值为准

  解释:

  • 如果有上下两个盒子,给上面盒子设置margin-bottom:100px;给下面的盒子设置margin-top:50px;那么两个盒子上下之间的间距为100px.(即:margin值在垂直方向会合并).
  • 如果有左右两个盒子,给左面盒子设置margin-right:100px;给右面的盒子设置margin-left:50px;那么两个盒子左右之间的间距为150px.(即:margin值在水平方向不会合并).

最新文章

  1. Linux下文件的三种时间戳
  2. d8fs9f
  3. Django框架初入
  4. Java设计模式(三) 抽象工厂模式
  5. Manacher
  6. android 入门 003 (点击事件)
  7. 安装Exchange2010
  8. SDUT2087离散事件模拟-银行管理
  9. 小米路由器mini如何设置外网访问wan网站的方法
  10. java设计模式--结构型模式--装饰模式
  11. Palindrome(POJ 1159 DP)
  12. c++ try throw catch
  13. 查看oracle数据库的连接数以及用户 (转:http://blog.itpub.net/24558279/viewspace-752293/)
  14. python3.7导入gevent模块报错的解决方案
  15. Nginx 提示host not found in upstream 错误解决方法
  16. java 静态变量初始化
  17. UnicodeString基本操作(Ring3)
  18. css字体更小 css比12px更小的方法
  19. STS热部署,springboot项目中修改代码不用重新启动服务
  20. 轻松把玩HttpClient之封装HttpClient工具类(五),携带Cookie的请求

热门文章

  1. java中关于类和对象的一些思考
  2. dom4j递归解析XML字符串所有子节点
  3. 【Fine学习笔记】python 文件l操作方法整理
  4. Java入门笔记 01-Java基础语法
  5. windows破解wifi小技巧
  6. P1029最大公约数和最小公倍数
  7. win10系统黑屏无法显示桌面解决
  8. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 显示代码:同一行代码片段: span, div
  9. C++代码书写规范——给新手程序员的一些建议
  10. Tarjan算法与割点割边