CSS -- 盒子模型 margin 的特点
2024-10-08 13:34:06
margin在使用过程中具有如下的两个特点:
1.垂直外边距塌陷
--给子元素设置margin-top的时候,如果父元素也随着margin-top改变位置
解决方式:
- 给父元素设置边框
- 给父元素设置overflow:hidden;
- 让子元素脱标(浮动| 定位)
2. 垂直外边距合并
--如果给元素设置上下margin,那么最后的margin值会以最大值为准
解释:
- 如果有上下两个盒子,给上面盒子设置margin-bottom:100px;给下面的盒子设置margin-top:50px;那么两个盒子上下之间的间距为100px.(即:margin值在垂直方向会合并).
- 如果有左右两个盒子,给左面盒子设置margin-right:100px;给右面的盒子设置margin-left:50px;那么两个盒子左右之间的间距为150px.(即:margin值在水平方向不会合并).
最新文章
- Linux下文件的三种时间戳
- d8fs9f
- Django框架初入
- Java设计模式(三) 抽象工厂模式
- Manacher
- android 入门 003 (点击事件)
- 安装Exchange2010
- SDUT2087离散事件模拟-银行管理
- 小米路由器mini如何设置外网访问wan网站的方法
- java设计模式--结构型模式--装饰模式
- Palindrome(POJ 1159 DP)
- c++ try throw catch
- 查看oracle数据库的连接数以及用户 (转:http://blog.itpub.net/24558279/viewspace-752293/)
- python3.7导入gevent模块报错的解决方案
- Nginx 提示host not found in upstream 错误解决方法
- java 静态变量初始化
- UnicodeString基本操作(Ring3)
- css字体更小 css比12px更小的方法
- STS热部署,springboot项目中修改代码不用重新启动服务
- 轻松把玩HttpClient之封装HttpClient工具类(五),携带Cookie的请求