摘要：
前言 更多参考MDN flex布局 正文 1.Flexbox模型 主轴（main axis）是沿着 flex 元素放置的方向延伸的轴（比如页面上的横向的行、纵向的列）。该轴的开始和结束被称为 main start 和 main end。 交叉轴（cross axis）是垂直于 flex 元素放置方向 阅读全文
摘要：
定位（position） 1.静态定位（static） 静态定位是每个元素获取的默认值——它只是意味着“将元素放入它在文档布局流中的正常位置 ——这里没有什么特别的。 2.相对定位（relative） 也就是相对于自己在文档流中的位置（static）进行定位。 特点：1.不脱离文档流，原有空间位置被 阅读全文
摘要：
前言 更多参考MDN 正文 1.浮动概念 最初，引入 float 属性是为了能让 web 开发人员实现简单的布局，包括在一列文本中浮动的图像，文字环绕在它的左边或右边。你可能在报纸版面上看到过。 举例给图片设置float:left 2.浮动的破坏性 首先了解被设置了float的元素会脱离文档流。 举 阅读全文