У меня есть сайт 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 файла, я получаю горизонтальную полосу прокрутки.