Html网页布局（一）-mokal同学

  
           一列布局混合布局    body { 	margin: 0; 	padding: 0; /*清楚默认样式*/ } 
 .top { 	height: 100px; 	background: blue; } .nav{height:100px;width:1000px;background:#f60;margin:0 auto;} .main { 	width: 800px; 	height: 600px; 	background: #ccc; 	margin: 0 auto; } .left{width:200px;height:600px;background:yellow;float:left;} .right{width:600px;height:600px;background:#369;float:right;} .sub_l{width:400px;height:600px;background:#218;float:left;} .sub_r{width:200px;height:600px;background:green;float:right;} .sub_r_up{width:200px;height:200px;background:#765;} .sub_r_down{width:200px;height:300px;background:red;} .bottom { 	width: 800px; 	height: 100px; 	background: #b0b; 	margin: 0 auto; }       	
 		


      
查看更多关于Html网页布局（一）-mokal同学的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did115501