2016-11-04 21 views
2

私のページに問題がありました。 (チェックアウト:https://myanimelist.net/animelist/Looshi)私が何を言っているのか見てみましょう。私はそれを削除することができる方法はありますか水平スクロールバー画面の解像度に関係なく、私はそのページにアクセスしますか?それは非常に美的ではありません。私は、変更するプロパティや解決策を見てみたいと思っていますが、無駄です。ページの下部にある水平スクロールバーを削除するにはどうすればいいですか?CSS

https://docs.google.com/document/d/1gg8TZQ0BJhbRIYwf70KBwH0Bdkicp-_eMVd8phgH1E8/edit?usp=sharing この文書はすべてCSSコードです。私はそれが些細なものでなければならないように感じます、私は行方不明ですが、私は数日間試しています!

私は

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

を追加しようとした。しかし、私は、私はこのようにそれは本当に働いていない、間違った要素にこれらのプロパティを追加したと思います。..

+0

を4Nする5N変わったのか? – claudios

+1

どこに 'overflow-x:hidden'を追加しましたか? –

答えて

3

最善の解決策は、あふれたコンテンツを避けるためです。あなたのケースの変更セレクタで:

.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)

私はあなたがウィンドウのサイズを変更するときに表示される水平スクロールバーを意味+ 1

+1

あなたは儀式@Alanですが、私たちの答えは質問のタイトルに固執する必要があります。 –

+0

さて、あなたも今でもそうです:)しかし、スクロールバーを削除するための最良の解決法は、オーバーフロー本体の内容を避けることです –

+0

私は私の答えを更新しました –

1

ちょうど私が検査をしているあなたの<body>タグ

style="overflow-x: hidden;"を適用あなたの問題をチェックして解決しました

<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; 
"> 
0

cssbody要素にoverflow-x: hidden;を追加してみてください。 classlist-table tbody.list-item

ためcss、あなたは、コードを生成する方法と

0

問題は、私は推測正しくありません。 loopではtrを動的に生成する必要はありません。tbodyです。

Click to see the image

関連する問題