Question

我正在尝试更新我的网站，但是由于没有滚动条，内容从屏幕上溢出并且看不见了。您可以在caves.neocities.org看到。

我尝试以margin的CSS样式使用padding和body，但是没有任何作用。

这是body和页面的CSS。我网站上的div几乎都是一样的，而div溢出的HTML是这样的：

body {
  color: black;
  font-family: Courier;
  overflow: scroll;
}

.main1 {
  background-image: linear-gradient(#000000, #435454);
  border: double;
  border-color: #D2EFEF;
  width: 600px;
  margin: 0 auto;
  margin-top: 50px;
}

<div class="browse">
  <center> Site Links </center> <br>
  <hr> testing, once again!
</div>

Answer 1

您的错误:::

.weather.min.css中的.weather类覆盖了您的CSS规则；

.weather {
    position: relative;
    overflow: hidden;
}

尝试一下:::

body {
    color: black;
    font-family: Courier;
    overflow-y: auto !important;
}

Answer 2

.weather.css中的.weather类覆盖了您的CSS规则，对溢出规则应用！important。

Answer 3

尝试一下：

.weather {
    position: relative;
    overflow-x: hidden;
}

或

body {
    color: black;
    font-family: Courier;
    overflow-y: scroll!important;
}

HTML页面溢出，但无法滚动

3 个答案: