weixin_47471015的博客

等分布局等分布局就是指一行被分为若干列，每一列的宽度是相同的值；方法一：float 属性实现等分布局效果给各个元素设置浮动和宽度 { float: left; width: 25%; //宽度用百分比等分 //给每个元素设置浮动-- 子元素浮动 - 导致父元素的高度塌陷}清除浮动 1.固定的高度 height 固定写死（不推荐）2.父元素加overflow:hidden => BFC 特点: 把浮动的高度给计算进去 优点：代码简洁 缺点：

三列布局三列布局一 两列定宽,一列自适应(右边)方案一：float + margin 属性实现；左中设置 float: left;右设置 margin-left 取值为左盒子的总宽#left { width: 200px; /* 定宽 */ height: 300px; background-color: #c9394a; float: left;}#center { width: 200px; /* 定宽 */ height: 300px; background-

两列布局两列布局一般情况下是指定宽与自适应布局，两列中左列是确定的宽度，右列是自动填满剩余所有空间的一种布局效果；左列自适应, 右列定宽float + margin 属性实现；float + overflow 属性实现；display 属性的 table 相关值实现；使用绝对定位实现；使用 flex 实现；使用 Grid 实现；方案一：float + margin 属性实现<style> *{margin: 0;padding: 0;} #left

水平居中布局> 含义: 指当前元素在父级元素容器中，水平方向是居中显示的；方案一:>给父元素添加 text-align:center; >子元素若为行内元素，行内块元素，文本，则可实现水平居中 。方案二：单个块级元素水平居中> 子元素宽度必须小于父元素宽度，并且要给子元素定宽。再给子元素设置 margin:0 auto;>>margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right,因为0 auto，表示上下边界