Переполнение Firefox: проблема с изменением размера прокрутки

В Firefox ......

<div id = "container" style = "overflow:scroll; width:400px; height:500px">
      <div id = "content" style = "height:500px; width:800px"/>
</div>

DIV-контейнер "контейнер" должен иметь полосы прокрутки, поскольку блок с идентификатором "content" шире его.

Если, используя JavaScript (см. Ниже), я сбрасываю размер div «содержимого» на «200 пикселей», я ожидаю, что полосы прокрутки на «контейнере» div исчезнут. Они этого не делают, если я вручную не изменю размер окна браузера.

function Resize() {
   document.getElement("content").style.width = "200px";
}

Я попытался принудительно переформатировать контейнер, применив класс css. Это не сработало ...

function Resize() {
   document.getElement("content").style.width = "200px";
   document.getElement("container").className = "test";
}
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
4 207
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Установка overflow: scroll; должна принудительно включать полосы прокрутки. Если вы хотите, чтобы они появлялись и исчезали вместе с размером содержимого, попробуйте overflow: auto;.

Другие вопросы по теме