溢出设置为滚动,但仍无法滚动网页

时间:2018-07-05 11:18:06

标签: html css

我已将溢出设置为滚动,但仍然无法滚动我的网页。 一旦我在Visual Studio中构建和查看网页,溢出就会自动重置为隐藏。我也尝试在CSS中增加高度,但是没有用。

enter image description here

下面是我的CSS代码:

body
     {
        margin: 0;
        padding: 0;
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 400;
        overflow: scroll;
        background-color: #ececec;
        color: #102c58;
    }

2 个答案:

答案 0 :(得分:0)

如果您在CSS中添加高度,则滚动将起作用,而没有height滚动将不起作用。

尝试:height:500px;

答案 1 :(得分:0)

CSS中缺少高度。在CSS中添加height

div.ex1 {
    background-color: lightblue;
    width: 300px;
    height: 110px;
    overflow-y: scroll;
}
   
<div class="ex1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>