CSS 自动居中一列布局

2022-04-02 14:53:09

（1）三个技能点：
①标准文档流
②块级元素
③margin属性（实现网页自动居中布局的关键）
2、居中设置：margin:0 auto;
（1）auto：会根据浏览器的宽度自动的设置两边的外边距
（2）原理：（浏览器的宽度-外包含层的宽度）/2=外边距
（3）要求：不能再设浮动或绝对定位属性
如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动（float）或绝对定位（position）属性，不然magin会失效