css列布局

最新推荐文章于 2024-08-26 11:30:03 发布

明天去哪

最新推荐文章于 2024-08-26 11:30:03 发布

阅读量365

点赞数

文章标签： css

本文链接：https://blog.csdn.net/u014451076/article/details/49893431

版权

html+css+js+jq 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

                    
                        
                    
                    css的网页布局 
 （1）一列布局 
 （2）两列布局 
 自适应的 
 固定宽度的（放在一个父块中即可） 
 （3）三列布局（自适应源代码） 
  
 body{margin: 0;padding: 0;} 
 .left 
 { 
 width: 200px; 
 height: 500px; 
 background: #ccc; 
 position: absolute; 
 left:0; 
 top: 0; 
 } 
 .middle 
 { 
 height: 500px; 
 background:#999; 
 margin: 0 310px 0 210px; 
 top:0; 
 } 
 .right 
 { 
 width: 300px; 
 height: 500px; 
 background: #ddd; 
 position: absolute; 
 right: 0; 
 top: 0; 
 } 
  
 （4）混合布局

                