这个需要通过设置元素的浮动来实现两者左右并排。
1、通过设置侧边栏和内容区域的浮动来实现两者并排,设置方法如下:
<div id=container><div id=parameter>左边栏</div>
<div id=main>文章主要区域</div>
</div>
css设置浮动如下:
#parameter{float:left
}
#main{
float:left
}
2、其他的效果根据需要设置css样式即可。
/** 版式分布从左至右 **//*用这个方法可以把版块分开*/
#layout{width:100%}
#layout td.c3t1{width:22%}
#layout td.c3t2{width:2px}
#layout td.c3t3{width:56%}
#layout td.c3t4{width:2px}
#layout td.c3t5{width:22%}
只要是通过这段代码来实现的。
如果你的模版是2栏的就这样
#layout{width:100%}
#layout td.c3t1{width:44%} /*百分数自己调*/
#layout td.c3t2{width:2px}
#layout td.c3t3{width:56%} /*百分数自己调*/
那个2px就是想要两个栏目之间隔开多宽。
按从左到右的顺序。
有不明白的可以到我的空间提问。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)