CSS代码求助

来源：百度知道 编辑：UC知道 时间：2024/05/28 18:56:56
各位，我想搞个内容栏目滑动门切换效果，下面这代码显示的内容在右边而不是在下面，希望各位能帮忙修改下。谢谢！
<!--特效代码区开始-->
<style type="text/css">
body {
font-size:12px
}
/* 当前模块的总宽度为250px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */
#slidingBlock {
width:296px;border:1px #95CF92 solid;padding:1px;over-flow:hidden
}
#slidingBlock h4 {
float:left;width:82px;height:30px;line-height:25px;text-align:center;font-size:12px;over-flow:hidden
}
#slidingBlock h4.menuNo {
font-weight:normal;color:#333333;background:url(Skin/HLan/HuaDongA/slidingMenuQBlue2.gif) repeat-x
}
#slidingBlock h4.menuOn {
font-weight:bold;color:#1F376D;background:url(Skin/HLan/HuaDongA/slidingMenuQBlue.gif) no-repeat
}
#slidingBlock DIV.slidingList_none {
display:none
}
#slidingBlock DIV.slidingList {
margin:0px;padding:5px;height:150px
}
#slidingBlock DIV.slidingList ul {
margin:0px;padding:0px<

不改#slidingBlock {
width:296px;}
改栏目1，2，3的宽度(宽度自己调试)，代码如下

<!--特效代码区开始-->
<style type="text/css">
body {
font-size:12px
}
/* 当前模块的总宽度为250px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */
#slidingBlock {
width:296px;border:1px #95CF92 solid;padding:1px;over-flow:hidden
}
#slidingBlock h4 {
float:left;width:82px;height:30px;line-height:25px;text-align:center;font-size:12px;over-flow:hidden
}
#slidingBlock h4.menuNo {
font-weight:normal;color:#333333;background:url(Skin/HLan/HuaDongA/slidingMenuQBlue2.gif) repeat-x
}
#slidingBlock h4.menuOn {
font-weight:bold;color:#1F376D;background:url(Skin/HLan/HuaDongA/slidingMenuQBlue.gif) no-repeat
}
#slidingBlock DIV.slidingList_none {
display:none
}
#slidingBlock DIV.slidingList {
margin:0px;padding:5px;height:10px
}
#slidingBlock DIV.slidingList ul {