0

我有某种动画 javascript 滑块。我不希望某些项目从滑块的顶部伸出一点，而是在它们伸出包装器底部时隐藏起来，所以我制作了一个带有溢出的 div：hidden; 上面有一点额外的空间。我现在需要摆脱流程中的多余空间。

以前这不是问题，因为我只是将 div 设置为绝对，但现在我正在使我的布局流畅，我不能拥有绝对 div，因为滑块的高度是相对于文档的宽度的。有没有办法摆脱那些额外的像素？提前致谢。

http://jsfiddle.net/ySg6f/ 如果有帮助，这里是实际的网站：http: //pa3com.a3net.fr/

<header>
<div id="slider_wrapper">

    <div class="overflow">
        <div id="slider">

        </div>
    </div>

</div>    


header
{
    padding-top:20px;
    background-color:blue;
}
#slider_wrapper
{
    position:relative;
    background-color:green;
}
.overflow
{
    padding-top:12px;
    overflow:hidden;
}
#slider
{
    height:0;
    padding-bottom:25%;
    background-color:red;
    top:-12px;
    position:relative;
}
4

2 回答 2

0 
.overflow {
 padding-top: 0;
}

#slider {
 top: -12px; /* remove this */
}
于 2013-02-11T14:57:45.063 回答
0

最后通过使用负边距并在父级上添加 1px 填充来解决它。

于 2013-02-13T12:58:56.407 回答