日期:2014-05-17  浏览次数:20859 次

左中右三分栏、左右二分栏有哪几种实现方法
DIV+CSS布局:左中右三分栏、左右二分栏有哪几种实现方法

------解决方案--------------------
拷贝粘贴一种
http://blog.csdn.net/trace332/article/details/5389144
------解决方案--------------------
frameset啊。。
------解决方案--------------------
div+css布局  总体上 就分三种嘛   固定布局(固定宽度像素) ,流式布局(百分比) ,还有弹性布局(em)。
最好的 还是用浮动来实现。无论 是三列还是两列 。
基本结构都是差不多的 。


<div id="wrapper">
<div id="header"></div>
<div id="content">
<div  id="mainContent"></div>
<div id="secondaryContent"></div>
</div>
<div id="footer"></div>
</div>
body{
text-align:center;
}
#wrapper{
margin:0 auto;
text-align:left;
width:960px;//em  //百分比  下同
}
#mainContent{
float:right;
width:xxxxpx;
}
#sencondaryContent{
float:left;
width:xxxxpx;
}
#content:alter{
content:".",
display:block,
visibility:hidden;
height:0;
clear:both;
}
#content{
display:inline-block;
}
#content{
display:block
}


手敲的   大体就这样