Появляется полоса прокрутки и
Подскажите, пожалуйста, на сайте есть спойлер, который разворачивается вниз, вместе с этим справа появляется вертикальная полоса прокрутки и во время разворачивания спойлера он одновременно и вниз разворачивается и ползет влево (его как бы полоса прокрутки влево сдвигает). Как мне сделать, чтобы весь блок оставался на месте во время появления полосы прокрутки?
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Появляется полоса прокрутки
Добрый день. Пытаюсь научиться делать сайты с фиксированной шириной. Почему-то появляется.
появляется полоса прокрутки
Пытаюсь сделать первую верстку и вот какая проблема Есть рисунок размером 933*817 который я ставлю.
Появляется полоса прокрутки
Здравствуйте! Почему появляется полоса прокрутки на экранах от 1400 px если блок который выпирает.
Почему не появляется горизонтальная полоса прокрутки?
Есть таблица: http://www.formass.ru/extensions/otzyvy Таблица обернута в <div.
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
ну беда с вами )) Для таких вещей не пожалейте 100 рублей в месяц на хостинг и выливайте ссыль на сайт, где ваша верстка. Так будет гораздо проще вам помочь, нежели перебирать в голове кучу вариантов )))
Почему появляется полоса прокрутки в адаптивке?
Спасибо. Очень помогло применение только к некоторым блокам overflow:hidden. Так как я начинающий верстальщик, и еще пока тяжело правильно делать по всем понятиям адаптивности. Пока не освою всех правил.
Виктор Янышев @villiwalla
keche: Пожалуйста. Если прочитаешь внимательно основы HTML/CSS2.1(именно 2.1) то и узнаешь много нового в механизме 😉
iBird Rose @iiiBird Куратор тега CSS
Пока ты спишь — твой конкурент совершенствуется
много чего выпирает за рамки body.
к примеру из того что нашел — .linew, .shapka h1, .shapka h2, .shapka h3
и картинка телефона под h заголовками
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
keche @keche Автор вопроса
Никита Кит @ShadowOfCasper
Middle User Interface Web Developer
Потому что заходить в devTools, и начиная с верхних блоков даёшь болку overflow-x: hidden. Если полоса пропадает, значит косяк в этом блоке. Так опускаешься всё ниже и ниже, пока не найдёшь косяк. Учись дебажить
Почему появляется горизонтальная полоса прокрутки?
Не могу понять почему на сайте выскакивает полоса прокрутки по горизонтали. Ведь, все же вмещается в рамки?!
Ответы на пост (3) Написать ответ
14.09.2016 08:18
Потому что вы не используете box-sizing: border-box; для элементов с заданной шириной. Т.е если у вас есть эелемент с width:100%; вы ему добавите padding:20px; то его ширина уже будет 100% + 20px, что шире чем ширина монитора, поэтому для этого элемента нужно прописывать box-sizing: border-box
Скрытие вертикальной полосы прокрутки в CSS, если она не требуется
Довольно распространенной проблемой, с которой могут столкнуться начинающие веб-разработчики, является необходимость скрыть вертикальную полосу прокрутки, если она не требуется. Другими словами, если объем контента не превышает текущую высоту блока, полоса прокрутки должна быть скрыта.
Вот пример простого стиля CSS, где применяется такая проблема:
.block
В этом случае, даже если контент не превышает 500 пикселей по высоте, вертикальная полоса прокрутки все равно будет видна.
Для решения этой проблемы следует использовать свойство overflow-y: auto; . Это свойство автоматически регулирует появление полосы прокрутки, в зависимости от объема содержимого. Если содержимое блока не превышает его высоту, полоса прокрутки не будет отображаться.
.block
Также возникает вопрос о том, как автоматически увеличивать ширину блока, если содержимое превышает его текущую ширину, чтобы контент не выходил за пределы блока. В этом случае можно использовать свойство overflow-x: auto; . Если содержимое блока превышает его ширину, появится горизонтальная полоса прокрутки.
.block
Таким образом, использование свойств overflow-y: auto; и overflow-x: auto; позволяет автоматически регулировать появление полос прокрутки в зависимости от объема содержимого блока.