Question

我在幻灯片的左侧有这个空间我试图通过使用填充来消除它：0px和margin：0px但它有点混乱

任何人都可以帮助我，请在这里链接到该网站

Answer 1

试试这个

#slideshow {
        height: 240px;

        margin-left: -40px;
        position: relative;
        width: 950px;
    }

Answer 2

<div id="slideshow">
<ul id="slides" style="overflow: hidden;">
<li id="content" style="position: absolute; opacity: 1; z-index: 29;">
<li style="position: absolute; opacity: 1; z-index: 30; right: 0px;">
<img src="http://www.pdqmachine.biz/_images/uploads/slide1.jpg" alt="Sea turtle">
</li>
<li style="position: absolute; opacity: 1; z-index: 31; right: 0px;">
<img src="http://www.pdqmachine.biz/_images/uploads/slide2.jpg" alt="Coral Reef">
</li>
<li style="position: absolute; opacity: 1; z-index: 28; right: 0px;">
</ul>
</div>

我已将right:0px添加到li

Answer 3

在#slides

中试试

#slides {
    float: left;
    margin: 0;
    padding: 0;
    width: 950px;
}

Answer 4

在＃main2中插入样式，这样可以解决更多问题:)因为你在之前的DIV中有浮动，而你的滑块位于菜单上方，你将无法点击这些项目。

#main2 { 
 ....
 clear:both; 
}

并在

#slides {
   float: left;
   padding: 0;
}

Answer 5

和quickfix

ul#slides {
    margin-left:-37px;
}

Answer 6

.column-inmiddle {
    width: 138%; remove this or make 100%
}

#slideshow {
    position: relative;
    width: 950px;
    height: 240px;
    margin: 40px auto 0 auto; add this
}

希望你能得到你想要的东西

如何摆脱幻灯片放映左侧的空间

6 个答案: