Сведения о вопросе

Junior

10:00, 26th August, 2020

Теги

CSS   HTML    

Верстка: скролл-контент в резиновом блоке с width 100%?

Просмотров: 341   Ответов: 5

Добрый день!


Необходимо сделать резиновый блок со скроллом так, чтобы при любом размере окна он по ширине был равен родительскому элементу и содержал больший по размеру контент. Просмотр этого контента — с помощью скролла.

scroll-mock_Page_1.png


Знаю, что можно повесить js-обработчик на onResize, но я думаю есть и css-путь…


Подскажите пожалуйста как можно так сделать?



  Сведения об ответе

FAriza

15:48, 12th August, 2020

<div class="container">
<div class="container-content">здесь контент шириной 100500px</div>
</div>

<style type="text/css">
div.container {overflow-x:auto;overflow-y:hidden;}
div.container-content {width:100500px;}
</style>


  Сведения об ответе

dump

20:45, 20th August, 2020

overflow: scroll не подойдет?


  Сведения об ответе

VERSUION

20:28, 14th August, 2020

  Сведения об ответе

прога

23:40, 2nd August, 2020

Смотрите, как сделано здесь:
lisikhinadaria.com/style


  Сведения об ответе

repe

09:06, 29th August, 2020

прочитайте про viewport, кажется вам капать в данном направлении.


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться