我使用 wordpress 作为我的 CMS，并使用了我选择的主题。主题在主页上显示了一个滑块（轮播），但占用了太多空间。我试图将宽度和高度编辑为 80%，但 UI 搞砸了。滑块未居中，或带有左右箭头的框架靠得更近。图像被粉碎。我需要为此设置正确的css。
我尝试了以下
- 将宽度和高度修改为 80%
- 减少了 px 值，进一步搞砸了
下面我有代码的相关 css 和 html 部分。
<div id="slides">
<div class="slides_container slide" style="overflow: hidden; position: relative; display: block;">
<div class="slides_control" style="position: relative; width: 2736px; height: 480px; left: -912px;"><div style="position: absolute; top: 0px; left: 912px; z-index: 5;">
<a href=""><img src="http://localhost/taxeeta/wp-content/uploads/2013/01/116.png?1358343444279" alt=""></a>
</div>
<div style="position: absolute; top: 0px; left: 912px; z-index: 0; display: none;">
<a href=""><img src="http://localhost/taxeeta/wp-content/uploads/2013/01/215.png" alt=""></a>
</div>
</div>
</div>
CSS：
#slides {
position: absolute;
top: 15px;
left: 0px;
z-index: 100;
width: 897px;
margin-left: 14px;
}
.slides_container {
width: 912px;
margin: 0;
padding: 0;
}
.slides_control {
position: absolute;
top: 15px;
left: 0px;
z-index: 100;
width: 897px;
margin-left: 14px;
}