qq_38713274的博客

目录标题水平居中1、给元素设置margin:0 auto2、margin 负值法3、transform4、table布局5、flex布局6、inline-block垂直居中1、margin：auto2、margin 负值法3、transform4、table布局5、flex布局水平垂直居中1、margin：auto2、margin 负值法3、transform4、table布局5、flex布局水平居中1、给元素设置margin:0 auto2、margin 负值法.outer{ position:

文章目录css 布局圣杯布局双飞翼布局Flex 布局绝对定位布局表格布局网格布局三栏布局的实现方式1、使用 float：2、使用 position：3、使用 table 实现：4、flex 实现：5、grid 实现：6、圣杯布局7、双飞翼布局两列等高布局的实现方式1、负margin：2、使用 position3、使用 table 实现4、flex 实现5、grid 实现css 布局圣杯布局中间元素位于开头，父元素使用padding预留左右元素的位置，三个元素浮动，左元素使用margin负值和相对定

浮动浮动原理：在一个容器中，有两个浮动的子元素，会造成显示结果意想 不到的问题。在 CSS 规范中，浮动定位不属于正常的页面流， 而是独立定位的。浮动的框可以左右移动，直到它的外边缘 遇到包含框或者另一个浮动框的边缘。浮动清除：1、使用带 clear 属性的空元素在浮动元素后使用一个空元素： <div class="clear"></div> .clear{ clear: both; }2、使用 css 的 overflow 属性给浮动元素的容器添加属