摘要：清除浮动的方法 为什么要清除浮动：清除浮动是为了解决子元素浮动而导致父元素高度塌陷的问题 1.添加新元素 <div class="parent"> <div class="child"></div> <!-- 添加一个空元素，利用css提供的clear:both清除浮动 --> <div style 阅读全文

摘要：Flex介绍 Flex主要由：Flex容器（Flex Container） + Flex项目（Flex Item）组成 在Flex容器中默认存在着两条轴：主轴（main axis） + 交叉轴（Cross axis）。当然你可以通过修改属性来决定水平是主轴还是垂直。主轴和交叉轴决定了容器中项目的排列 阅读全文

摘要：居中相关布局 水平居中布局 inline-block + text-align：子元素display: inline-block,父元素text-align 定位 + transform：直接在元素上left:50% + transform:translatex(-50%) display:bloc 阅读全文