Fatal编程技术网
  • html/
  • Html 如何使DIV可以滚动而不是主体？

Html 如何使DIV可以滚动而不是主体？

html css

Html 如何使DIV可以滚动而不是主体？,html,css,Html,Css,我希望我的页面的主体不可滚动，但主体内的DIV应可滚动。 我的css文件中有以下内容： 但是它不工作，DIV也不会变成scrollabel（它只显示两个被禁用的DIV滚动条） .main节需要有一个高度。否则浏览器不知道它应该考虑什么“代码>溢出< /代码> .< /p> 你确定你的主段< /代码>类的样式是否被应用？您可以使用或（对于Firefox）之类的工具来确保正确应用样式。另外，如果您只有一个mainSection，您可能希望使用id而不是类。html中的标记将是而不是，css将变成

我希望我的页面的主体不可滚动，但主体内的DIV应可滚动。 我的css文件中有以下内容：

但是它不工作，DIV也不会变成scrollabel（它只显示两个被禁用的DIV滚动条）

.main节
需要有一个
高度
。否则浏览器不知道它应该考虑什么“代码>溢出< /代码> .< /p> 你确定你的<代码>主段< /代码>类的样式是否被应用？您可以使用或（对于Firefox）之类的工具来确保正确应用样式。另外，如果您只有一个mainSection，您可能希望使用id而不是类。html中的标记将是
而不是
，css将变成
#mainsecute{…}
而不是
.mainsecute{…}

，下面详细解释了整个过程

你可以试试。

我以前也遇到过同样的问题，但我可以通过
溢出：auto。试试看，它会有用的

更新

完整的html代码如下所示


<html>
<head>
    <title>Test page</title>
    <style type="text/css">
        #scrollable_div{
            overflow: auto;
            width: 100px;
            height: 100px;
            border: solid thin black;
        }
    </style>
</head>
<body>        
    <div id="scrollable_div">my div text</div>
</body>




测试页
#可滚动分区{
溢出：自动；
宽度：100px；
高度：100px；
边框：实心薄黑色；
}
我的div文本





在任何浏览器中都能完美运行。我用Chrome、Safari、Mozilla和Opera测试了自己


<html>
<head>
    <title>Test page</title>
    <style type="text/css">
        #scrollable_div{
            overflow: auto;
            width: 100px;
            height: 100px;
            border: solid thin black;
        }
    </style>
</head>
<body>        
    <div id="scrollable_div">my div text</div>
</body>