html css自适应换列,html高度自适应_css实现div两列高度自适应实例介绍

body{ margin:0; background:#f5f5f5;}

.Header{ width:600px; margin:auto; background:green; height:80px;}

.Mian{ width:600px; margin-left:auto; margin-right:auto;}

.Mianbg{ width:600px; background:#CC9999; float:left;}

.left{ width:300px; background:#336666; float:left;}

.right{ width:300px; background:#FF9966; float:right;}

.right_content{ width:200px; background:#666633; margin-left:auto; margin-right:auto; height:50px; margin-top:5px;}

.Footer{ margin:auto; width:600px; background:#666699; clear:both; height:80px;}

css

Header

Left

Right Content

Right Content

Right Content

Right Content

Footer