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

时间:2016-11-04 08:58:23

标签: html css

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

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

我尝试添加

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

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

4 个答案:

答案 0 :(得分:2)

只需将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;
"> 

答案 1 :(得分:0)

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

答案 2 :(得分:0)

css class

list-table tbody.list-item问题

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

Click to see the image

答案 3 :(得分:0)

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

.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