Layout: scroll content in a rubber block with a width of 100%?

Question

css

Good afternoon!
It is necessary to make a rubber block with a scroll so that for any window size it is equal in width to the parent element and contains larger content. Viewing this content is by scrolling.

I know that you can put a js-handler on onResize, but I think there is also a css-way ...
Please tell me how can I do this?

Answer 1

<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>


Answer 2

overflow: scroll won't work?

Answer 3

www.quirksmode.org/mobile/viewports.html

Answer 4

See how it's done here:
lisikhinadaria.com/style

Answer 5

read about viewport, it seems to you to drip in this direction.