一般三栏式的作法如下图所示,我的作法会有几个DIV框架:Top、Container、Left、Content、Right、Footer这几个常态会存在的DIV。 

一般的 DIV + CSS 三栏式排版


==================== 
CSS原始码 
==================== 
body{ 
margin:0; padding:0px} (如果你要置中,在Firefox要正常,就要改成margin: 0px auto;) 
  
#DivTop { 
width:1000px; 
} (或者设定百分比) 
  
#DivContainer {} (可以不用设立width,没有设定会预设为100%) 
  
#DivLeft { 
width:200px; float:left; } 
  
#DivRight { 
width:200px; float:right;} 
  
#DivContent { 
margin-left:200px;margin-right:200px;} 
  
#DivFooter { 
clear:both;} 
==================== 
HTML原始码 
==================== 
<div >还蛮好用的啦:P,当然,可以解决的方法有很多,就看大家的创意了。

相关文章:

  • 2022-12-23
  • 2021-10-04
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-15
  • 2022-12-23
  • 2021-10-10
猜你喜欢
  • 2021-12-03
  • 2021-09-04
  • 2021-12-19
  • 2022-12-23
  • 2021-08-09
  • 2021-10-09
  • 2022-02-20
相关资源
相似解决方案