Question

我的网页出现了问题，无论如何，底部的滚动条都会保留。（查看：https://myanimelist.net/animelist/Looshi）看看我在谈论什么。有什么方法可以删除水平滚动条，无论我访问该页面的屏幕分辨率如何？这是非常不美观的，我一直试图看房子修改或解决方案但无济于事。

https://docs.google.com/document/d/1gg8TZQ0BJhbRIYwf70KBwH0Bdkicp-_eMVd8phgH1E8/edit?usp=sharing 以下文档是所有CSS代码。我觉得这一定是微不足道的我不知道但是我已经尝试了好几天了！

我尝试添加

overflow-x: hidden;
overflow-y: scroll;

但我想我将这些属性添加到了错误的元素中，因此它并没有真正起作用。

Answer 1

只需将style="overflow-x: hidden;"应用到您的<body>代码

即可

我已检查过您的问题，并检查了它是否解决了

应该如下所示

<body class="ownlist anime" data-work="anime" data-query="{&quot;status&quot;:7}" data-owner="" data-owner-id="4457115" data-owner-name="Looshi" style="
    overflow-x: hidden;
">

Answer 2

尝试将overflow-x: hidden;添加到body中的css元素。

Answer 3

css class

的list-table tbody.list-item问题

我猜你生成代码的方式不正确。您需要在tr而不是loop动态生成tbody。

Answer 4

最佳解决方案是避免内容溢出。在您的情况下，将选择器更改为：

.list-item:nth-of-type(4n+1) .data:not(.title):not(.status):not(.score):not(.progress):not(.chapter):not(.volume), .list-item:nth-of-type(5n + 1) .data:not(.title):not(.status):not(.score):not(.progress):not(.chapter):not(.volume)

我将5n改为4n + 1

如何删除页面CSS底部的水平滚动条

4 个答案: