0

我相信这个问题有一个简单的答案，但我有一个问题，我的内容 div 容器没有延伸到足以让我滚动浏览我的文本框 div。

似乎在内容 div 下方有一个额外的 200-300 像素，这使我无法看到文本框 div 中的所有内容，即使不需要滚动，我也无法查看页面，因为我的背景颜色覆盖了最后的 200-300 px 的文本数据。我尝试在文本框内和内容 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>
4

2 回答 2

0

所有职位怎么了？这就是问题的原因-

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

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

如果你有一个理由，那么我明白你，但那是万恶之源。

于 2013-04-09T16:45:03.643 回答
0

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

  • position: absolute;从中删除#imgscroll
  • 删除position: relative;表格#textbox和#footer

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

我不知道这是否正是你想要的。看看小提琴。

于 2013-04-09T16:46:07.240 回答