Как удалить пробел на моем сайте

Как показано на снимке экрана, я не могу удалить пустое пространство внизу. Я попробовал некоторые решения, но они не работают. Пожалуйста, дайте мне знать, будет ли какое-либо решение этой проблемы. http://www.rovedashcam.com/Как удалить пробел на моем сайте

источник

2017-02-18 Mithil Amin

Это довольно просто, на самом деле: 'тело {цвет фона: черный}'. Удалено пустое пространство. Теперь у нас есть черное пространство. –

Еще одна проблема. @AndreiGheorghiu –

Я шутил. Вглядываясь в него. –

Первый вариант:

body { overflow-x: hidden; }

должен сделать трюк.
Если не здесь несколько вероятных причин:

не грузите вы как раз .css правильно
... или файл .css сломан и не разбираются (это также может быть частично разобрано, depening о том, как он ломал

вы заметили, я не закрываю кронштейн выше? это легко может разбить файл CSS ...

Второй вариант:
Добавить это в внутри <head> теге страницы, непосредственно перед закрытием </head>:

<style>body>script+div[style^="text"]{display:none}html,body {overflow-x:hidden!important}</style>

Это также сделает объявление из колонтитула заблудиться.
Если это не сработает, я поднимаю бровь. Обещаю.

Вариант три

Если выше не работают, удалите каждый из них и поместить этот код только до конца вашего </body> закрывающего тега. Перед, не после:

<script type="text/javascript"> 
var css = 'body{overflow-x:hidden!important}body>script+div[style^="text"]{display:none!important;}', 
    head = document.head || document.getElementsByTagName('head')[0], 
    style = document.createElement('style'); 

style.type = 'text/css'; 
if (style.styleSheet) { 
    style.styleSheet.cssText = css; 
} else { 
    style.appendChild(document.createTextNode(css)); 
} 
setTimeout(function(){ 
    head.appendChild(style); 
}, 500); 
<script>

источник

2017-02-18 18:10:21

Первоначально я предлагал 'oveflow: hidden;', но вы теряете полосу прокрутки. Используйте 'overflow-x'. –

Еще одна проблема. –

Если вы добавили этот CSS в свой CSS и он его не исправил, ваш файл 'CSS' недействителен и/или не применяется. Никакое исправление не будет работать. Или вы не загружаете его. Вы очистили кеш и перезагрузили его? Он работает в моем браузере, когда я его применяю. –

Бутстраповское section { display:block } является проблема

Добавить

#footer_area { display:inline!important }

или аналогичный

источник

2017-02-18 18:14:58 mplungjan

Не работает. :( –

Попробуйте встроенный блок и убедитесь, что он ПОСЛЕ бутстрапа css – mplungjan

Попробуйте добавить #header_area { overflow: hidden; }

источник

2017-02-18 18:18:08

Я не могу сказать, почему именно, но я знаю, что в Firefox эта проблема не существует, но Chrome это (webkit), и когда я удалил объявление размера шрифта и -webkit-tap-highlight -цвет из html {} проблема исчезла.

К сожалению, я не могу это проверить, так как я не могу отобразить ваш код, но я считаю, что вы отключите эти строки, и вы должны быть хорошими. Размер шрифта должен быть объявлен в% на html не в пикселях.

Редактирование: убедитесь, что ваш сброс css появился до начальной загрузки, и ваш пользовательский css появился после сброса и бутстрапа.

/* bootstrap.min.css */ 
 

 
html { 
 
    font-size: 10px; 
 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
 
}

источник

2017-02-18 18:30:27

Попробуйте добавить это в ваш CSS:

body { 
    min-height: 100vh; 
}

Это устанавливает вашу высоту тела, чтобы соответствовать точно. Он должен работать, я просто проверял его на своем сайте, и он отлично работал.

Смотреть это видео с Google Chrome Разработчики больше о прилегают к странице: https://youtu.be/299RZ0d1LQY

источник

2017-02-18 18:58:02

ответ

Смежные вопросы