Question

我有几个嵌套，我想让我最深的垂直滚动。

CSS中的

我尝试添加：

overflow-x: hidden; /* horizontal */
overflow-y: auto;  /* vertical */

到我指定的类，但似乎没有。改变溢出-y：是的;也不起作用。

如何实现这一目标。我想要滚动它，因为它填充了MySQL数据，其他div只是提供了创建查询并运行它的可选条件。

我们很感激。

示例：

<div id="content">
    <div id="slidingDivKeynotePresentations">
        <!-- content here -->
    </div>
</div>

我的CSS：

#content {
    position: absolute;
    top: 0;
    left: 21%;
    margin: 26% 31% 1% 21%; /* Cater for Mac IE5 */
    /*\*/ margin: 0; /* Put back for all the rest */
    /*\*/ overflow: auto; /* no need for Mac IE5 to see this */
    overflow-x: hidden; /* horizontal */
    overflow-y: yes;  /* vertical */
}

#slidingDivKeynotePresentations {
    display: none;
    height: 600px;
    width: 600px;
    background-image: url('images/transwhite.png');
    border: 1px solid #3F4933;
    position: fixed;
    top: 100px; 
    left: 290px; /*Set left value to WidthOfFrameDiv*/
    padding: 12px;
    overflow-x: hidden; /* horizontal */
    overflow-y: auto;  /* vertical */
 }

Answer 1

您可能正在寻找overflow财产;并非所有浏览器都支持overflow-x和overflow-y;它们是CSS3中的新功能

Answer 2

取出溢出-y和溢出-x。你不应该指定overflow-x：hidden，因为这是默认的。简单设置overlow：auto;在#slidingDivKeynotePresentations应该做的伎俩，不应该吗？只要指定了高度。

Answer 3

以下a fiddle有效：只需将position: fixed替换为内部div中的position: relative;即可。我带走了所有的溢出-x和-y，只需将overflow：auto放在包含的div上。而且我还将边框移动到外部div，因此它不会在底部被切断。但我认为你需要做的就是用相对来切换固定的。

要取走水平滚动条，只需使内部div的宽度与外部div的宽度相同或更小。特别是因为CSS3 overflow-x和-y还没有广泛使用。

垂直滚动<div> </div>

3 个答案: