ie6适配css,css响应式布局 兼容ie6(示例代码)

1、两栏布局  左侧定宽   右侧自适应

左侧定宽

右侧自适应

.left_1{float:left; width:200px;}

.right_1{margin-left:200px;}

2、两栏布局  左侧自适应   右侧定宽

左侧自适应

右侧定宽

.left_2{float:left; width:100%; margin-right:-200px;}

.right_2{float:right; width:200px;}

3、三栏布局   两侧定宽   中间自适应

左侧定宽

中间自适应

右侧定宽

.left_3, .right_3{position:relative; float:left; width:200px;}

.left_3{margin-right:-200px;}

.right_3{margin-left:-200px;}

.center_3{float:left; width:100%;}

4、三栏布局   左侧自适应   中间和右侧定宽

左侧自适应

中间定宽

右侧定宽

.center_4, .right_4{position:relative; float:right; width:200px;}

.left_4{float:left; width:100%; margin-right:-400px;}

5、三栏布局   左侧和中间定宽   右侧自适应

左侧定宽

中间定宽

右侧自适应

.left_5, .center_5{position:relative; float:left;width:200px;}

.right_5{margin-left:400px;}

以上写法可兼容5大浏览器，及IE6到IE8浏览器，具体代码参考附件