css布局

盒子模型的宽度如何计算

offsetWidth=(内容宽度+内边距+边框),无外边距

如果让offsetWitdh等于固定宽度,如何处理

加入box-sizing: border-box

margin纵向重叠的问题

相邻margin取最大值

margin负值的问题

上左设置负值自身移动,下右设置负值邻近元素移动

BFC理解和应用

块级格式化上下文

形成BFC的常见条件

条件

BFC常见应用

    清除浮动


float布局的问题,以及clearfix

圣杯布局和双飞翼布局的技术总结

flex布局问题

常用语法

三点筛子案例

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 定位问题 主要就是经典的绝对定位,相对定位问题。 10个文档学布局:通过十个例子讲解布局,主要涉及相对布局...
    强哥科技兴阅读 2,795评论 0 1
  • 为了提高工作效率,不在CSS布局上多次耗费时间,故记录此练习笔记。借鉴了大神【浪里行舟】的博客,文末有链接。 CS...
    月上秦少阅读 4,786评论 2 13
  • 本文概要 本文将介绍如下几种常见的布局: 单列布局 两列自适应布局 圣飞布局和双飞翼布局 伪等高布局 粘连布局 一...
    强哥科技兴阅读 2,372评论 0 0
  • 本文概要 本文将介绍如下几种常见的布局: 其中实现三栏布局有多种方式,本文着重介绍圣杯布局和双飞翼布局。另外几种可...
    浪里行舟阅读 4,516评论 4 15
  • 本文概要 本文将介绍如下几种常见的布局: 单列布局 两列自适应布局 圣飞布局和双飞翼布局 伪等高布局 粘连布局 一...
    庆庆_ce88阅读 3,237评论 0 2