目前你只需要在旋转盘3项和他们都是可见的 - 因此没有什么,当你点击一个/下一个做;)
33号线在你的CSS是与它不拟合的问题框:
#topbox1 div, #topbox2 div, #topbox3 div {
color: #888888;
line-height: 17px;
padding: 5px 10px 5px 14px;
width: 100%;
}
及其各ID'd容器内设置所有div的宽度为100%,这是300像素,即填充指定= 324px,这就是为什么它的爆发增加。 H1也是如此,只是它们没有明显的破碎,但是它们正在从容器中流出。
它通过divs级联,你想要的那个padding的宽度保持为276px;
#topbox2 #carousel {width:276px;}
将覆盖样式,使其适合,不过我建议你看看什么是与宽度的发生,使他们多一点具体的。
e.g
#topbox1 > div, #topbox2 > div, #topbox3 > div {
color: #888888;
line-height: 17px;
padding: 5px 10px 5px 14px;
width: 276px;
}
所以只是#topboxes内取出宽度直接子div的形成标题:
#topbox1 h1, #topbox2 h1, #topbox3 h1 {
color: #FFFFFF;
font-size: 24px;
padding: 7px 10px 10px 14px;
}
希望是有道理的!