布局////////

作者：管理员

发布时间：2020/11/12 17:24:32

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=2914

• absolute是以最近父级absolute或者relative来定位的，如果没有就以body定位
• z-index适用于absolute和relative属性
• table表格布局
• float浮动 + margin脱离文档流，不脱离文本流
• BFC
• 尽量靠上左（右）
• 小心父级高度塌陷
• overflow:auto
• 清除浮动
• inline-block 布局自适应比较繁琐
• 需要处理间隙
• 代码间空白导致
• font-size:0
• flexbox布局弹性盒子
• 盒子本来就是并列的
• 指定宽度即可
• 响应式在不同设备上正常使用
• 一般主要处理屏幕大小问题
• 主要方法：
• 隐藏+折行+自适应空间
• rem/viewport/media query