首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

左中右3分栏、左右二分栏有哪几种实现方法

2013-02-18 
左中右三分栏、左右二分栏有哪几种实现方法DIV+CSS布局:左中右三分栏、左右二分栏有哪几种实现方法[解决办法

左中右三分栏、左右二分栏有哪几种实现方法
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
}


手敲的   大体就这样 

热点排行