网页制作CSS布局中间的侧边栏和content放不到一起

网页制作CSS布局中间的侧边栏和content放不到一起,第1张

这个需要通过设置元素的浮动来实现两者左右并排。

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就是想要两个栏目之间隔开多宽。

按从左到右的顺序。

有不明白的可以到我的空间提问。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11354900.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存