Удаление горизонтальной полосы прокрутки из встроенной сущности - PullRequest
0 голосов
/ 03 апреля 2020

У меня есть сайт Github, встроенный в мой сайт. Все идет нормально. К сожалению, он отображает горизонтальную полосу прокрутки, от которой я просто не могу избавиться. Код такой:

<html>

    <head>

        <style type="text/css">

            .gist, .gist-file, .gist-meta {
                font: "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
                background-color:#ffffff !important;
                border: none !important; 
                border-radius: 0;
                border-bottom: none;
                overflow-x: hidden !important;
                max-width: 100% !important;
                overflow: hidden !important;
                width: 100%;
                align-self: center;
             } 

        </style>
    </head>

    <body>

        <script class="test" src="https://gist.github.com/nthomsencph/82e775ccee8c737bb9a31d15982f6c62.js"></script> 

    </body>

</html>

Как видно из тега script, я пробовал много разных вещей, чтобы удалить его. CSS работает, это означает, что я могу использовать эти классы для некоторого манипулирования суть, но я просто не могу избавиться от горизонтальной полосы прокрутки. Пожалуйста помоги. Что я могу сделать здесь? Использование Chrome. сайт находится на Github Pages.

РЕДАКТИРОВАТЬ: Даже когда я создаю совершенно новый проект только для этого html файла, я получаю горизонтальную полосу прокрутки.

...