Question

我相信这个问题有一个简单的答案，但我有一个问题，我的内容div容器扩展得不够远，我无法滚动浏览文本框div。

似乎在内容div之下还有200-300像素阻止我看到文本框div中的所有内容，即使没有需要滚动我也无法查看页面，因为我的背景颜色覆盖了最后一页200-300像素的文本数据。我已经尝试在文本框和内容div的底部放置一个空div但没有用...这是我的代码。如果您需要更多信息来帮助我，我可以提供。

相关CSS：

#imgscroll{
    height:200px;
    width:100%;
    position:absolute;
    overflow:hidden;
    z-index:998;
}
#content {
    position: absolute;
    left: 254px;
    top: 0px;
    width: *;
    height:auto;
    min-width:500px;
    overflow:hidden;
    background-color: #FFF;
    z-index:1;
}
#textbox{
    position:relative;
    top:210px;
    background-color:#CFF;
    margin:10px;
    overflow:hidden;
    padding:12px;
    min-width:500px;
}
#footer{
    position:relative;
    background-color: #099;
    text-decoration: none;
    color: #FFF;
    height: 30px;
}

相关HTML：

<div id="content">
<div id="imgscroll">

<ul id="scroller">

    <li><img src="images/slider/image-1.JPG" width="267" height="200"></li>

    <li><img src="images/slider/image-2.jpg" width="267" height="200"></li>

    <li><img src="images/slider/image-3.JPG" width="267" height="200"></li>

    <li><img src="images/slider/image-4.JPG" width="267" height="200"></li>

    <li><img src="images/slider/image-5.jpg" width="267" height="200"></li>

    <li><img src="images/slider/image-6.JPG" width="267" height="200"></li>

</ul>

</div>

<div id="textbox">
<h1>Home</h1>
<br />
All my text is here empty divs below don't fix it. Usually this text is much longer and 

whether there is scrolling involved or not, it is still an issue.<br />
<br /><br /><br /><br /><br /><br /><br /> I cannot see this text at the bottom.
<div> </div>
</div>
<div id="footer">
(c) My Company Name 
</div>
</div>

Answer 1

所有职位都是什么？这就是问题的原因 -

#imgscroll{
    height:200px;
    width:100%;
    /*position:absolute;*/
    overflow:hidden;
    z-index:998;
}

http://jsfiddle.net/Riskbreaker/xZXUC/

如果你有理由那么我会得到你，但这就是万恶之源。

Answer 2

我不知道在什么情况下使用了这段代码，但你可以删除很多position定义：

从position: absolute;

#imgscroll

删除position: relative;表单#textbox和#footer

然后要显示整个文本框内容，您还应删除overflow: hidden表单#textbox。

我不知道它是不是你想要的。看看the fiddle。

div打破了它的容器

2 个答案: