网页布局
一列布局:
一列布局,一般是内容较为单一的网页,例如百度搜索主页。一般采用固定长宽,且设置为水平居中。用margin{0 auto}来居中。
两列布局:
包含两个left+right ,分别 设置float:left;float:right;
三列布局:
这里指自适应三栏布局 left+middle+right
方法一:按总的百分比为100%,给left、middle、right分别设置宽度,且都包含左浮动。
方法二:左右两栏固定宽度,中间自适应宽度。
左右两栏用定位position:absolute的方法使其靠边,中间一栏用margin值来完成位置的确定,左右margin值与左右两栏的宽度对应。
方法三(最简单):左右两栏固定宽度,中间自适应。
使用display:flex,左右宽度设定。中间部分样式{flex:1}