DIV+CSS三列式布局的实现代码

实现代码如下:

 

< html >  
< head >  
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />  
< title > 无标题文档 </ title >  
< style  type ="text/css" >  
* { margin-right : auto ; margin-left : auto ; font-size : 12px ; }  
#layer  { height :  auto ; width :  760px }  

#left    { float :  left ; height : 300px ; width :  200px ; background-color : #DAF4FE ; border : 1px solid #E00 ; }  
#conter  { float :  left ; height : 300px ; width :  460px ; background-color : #FDF1C1 ; border : 1px solid #E00 ; }  
#right   { float :  left ; height : 300px ; width :  100px ; background-color : #DBFECF ; border : 1px solid #E00 ; }  

body  { margin-top :  0px ; margin-bottom :  0px ; }  
</ style >  
</ head >  
< body >  
< div  id ="layer" >  
< div  id ="left" > 宽度为200 </ div >  
< div  id ="conter" > 宽度为460 </ div >  
< div  id ="right" > 宽度为100 </ div >  
</ div >  
</ body >  
</ html >