摘要：float浮动来实现 .left { width: 300px; height: 100px; background-color: aquamarine; float: left; } .right { width: 300px; height: 100px; background-color: p 阅读全文

摘要：display属性：display:grid 指定一个容器采用网格布局 grid-template-rows属性：定义每一行的行高 grid-template-columns属性：定义每一列的列宽 repeat()：指定行或列的重复次数，以及需要重复的值 auto-fill()：根据容器的大小，尽可 阅读全文

摘要：flex布局又称为弹性布局、伸缩盒子等。 父盒子设置display:flex;后，子元素float、clear、vertical-align均失效 父项属性有： 1.flex-direction 设置主轴方向 2.justify-content 设置主轴上子元素排列方式 flex-start 从头部 阅读全文