经典布局一

上面header,下面footer,然后中间的container分为右侧固定一个宽度,左侧100%宽度

header
content
footer

经典布局二

左侧固定宽度,右侧宽度100%

方法一

margin-left=-130px;

content

方法二

padding-left=130px;

content

方法三

另外一种实现方式,这种实现方式更加简单,只需要左边浮动,右边overflow: hidden; 即可

content

经典布局三

左右固定宽度,中间百分百宽度

content

经典布局四

子容器固定宽度,并相对于父容器居中(这个简单使用一个margin:0 auto即可实现)

content

经典布局五

不好描述,直接看下面效果

left
up
down