Css 垂直滚动a<；部门>；

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

在CSS中，我尝试添加：

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

对于我分配给的班级，但这似乎不起作用。更改溢出-y：是；也不行

如何做到这一点。我希望它滚动，因为它填充了MySQL数据，而另一个div只提供了创建查询和运行查询的可选条件

思想是值得赞赏的

例如：

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

---

您可能正在查找

溢出

属性<不是所有浏览器都支持code>overflow-x和

overflow-y

；它们在CSS3中是新的

---

取出溢流阀-y和溢流阀-x。您不需要指定overflow-x:hidden，因为这是默认值。简单设置如下：自动；在#slidingdiv上，演示应该可以做到，不是吗？只要有一个指定的高度。

这就是它的工作原理：只需将

位置：固定
替换为
位置：相对在内部分区中。我去掉了所有的溢出-x和-y，并简单地将溢出：auto放在包含的分区上。我还将边框移动到外部分区，这样它就不会在底部被切断。但是我认为你所需要做的就是把固定的和相对的切换

要去掉水平滚动条，只需使内部div的宽度与外部div的宽度相同或更小。特别是因为CSS3 overflow-x和-y尚未广泛使用。
“是”不是
overflow
属性的有效值。（）我只是想提一下。@victor-这是我在代码中粘贴的一个拼写错误。我认为你真的不需要再破解Mac IE5了。省省你自己的头疼吧，因为微软甚至不再支持它了。我想它也会支持的。我删除了所有overflow-x和overflow-y，并简单地替换为overflow:auto-on#slidingdiv和no-dice。我甚至尝试过溢出：滚动。它确实为卷轴显示了一个位置，但它不起作用，而且内容明显溢出！我还能提供更多的想法或信息吗？@JMC Creative-JSFiddle很有趣。我删除了所有overflow-x和overflow-y，并将其替换为内部div（slidingKeyNotePresentations）上的position:relative，它不会滚动，而是将整个俯冲移动到页面上的新位置。再往右走，再往下走。从左到右可能是100像素，从上到右可能是290像素：）然后需要调整边距和上/左位置设置。我建议设置位置：相对，去掉所有的上/左和边距设置，然后根据需要重新添加。@JMC Creative-好的，非常接近了！我真的理解这一点，这很好。我觉得我不太了解CSS。我想我需要坚持C++。我现在有卷轴了。但我有水平滚动，我不想这样。所以我制作了外部div 601px和内部div 599px，它仍然滚动。我在内部div中有一个表，它是550px，但它仍然滚动。我错过了什么？此外，我还更改了DocType以使滚动从xhtml中脱离出来。@JMC Creative-更多关于水平滚动的内容。我从我的表开始向后工作，并确保div列表比列表大1px，同时考虑到左侧和右侧的填充。例如，我的表是590px无填充-包含600px的div，左侧和右侧有12px填充，因此=624px，包含所有内容的主div是625px。我仍然有水平滚动。。还有什么我还不明白？你最好的办法可能是去掉内部div上的所有边距和填充。我也不会指定内部div的宽度。在计算内部宽度时，不要忘记添加内部div的填充，以及它的边距和边框。此外，你有你的外部利润的百分比，这可能是做你在。。。很难不看就说更多。。。
#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 */
 }