I’m creating some website with fixed image backgrounds with width and height set to 100%, I have one problem, when content goes out 100% it’s moved over next div. How to fix div content to stay inside div and make more height for that div but image remain fixed?
Fixed heights are rarely a good idea in RWD, if you want to set a height it’s usually best to use min-height rather than just height, just like it’s best to use max-width instead of width.
Changing the heights to min-height allows the text to be contained.
First div contains list items, when I resize window content that doesen’t fit the div is hidden, when I use overflow: auto; div gets scroll bar. I used min-height as you said. I use flexbox to position elements.
Sounds as though you still have a fixed height set somewhere because otherwise the parent would stretch to fit the content. Look as Sams example where the text scrolls fine.
In the end we would need a working example to debug fully