摘要： 经典的css布局有以下几种，下面分别用不同的方法进行实现且进行对比。 一、水平居中 水平居中布局指的是当前元素在父级元素的容器中，水平方向上显示的是居中，有以下几种方式来完成布局： 1、margin:0 auto; text-align:center实现水平居中。 直接给子元素加上margin:0 阅读全文

摘要： 接上篇ccs之经典布局（一）（水平垂直居中） 四、两列布局 单列宽度固定，另一列宽度是自适应。两列中左则是确定的宽度，右列是自动填充剩余所有空间的一种布局效果 1、float+overflow:auto; 固定端用float进行浮动，自适应端overflow:auto;触发BFC. 2、absolu 阅读全文

摘要： 接上篇ccs之经典布局（二）（两栏，三栏布局） 七、等分布局 等分布局是指一行被分为若干列，每一列的宽度是相同的值。两列之间有若干距离。 1、float+padding+background-clip 使用float让元素在一行内显示，使用padding来实现元素之间的距离，使用background 阅读全文