Возникла проблема. Уже несколько дней пытаюсь найти ответ, но без результата. Хоту сделать страницу, в которой футер прикреплен к низу браузера (с этим проблем нет) и контент которой прокручивается полосой прокрутки. Но прокручивая не всю страницу, а только блок с контентом (шапка, футер оставались не подвижными). Как указать высоту блока .content, чтоб он вытягивался до футера? @charset "utf-8"; /* CSS Document */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -175px; } .footer, .push { clear: both; height: 175px; } .content{ overflow-y: scroll; height: 200px; } <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link href="css.css" rel="stylesheet" type="text/css"> </head> <body> <div class="wrapper"> <div class="content"> <p>qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> qwe текст<br> </p> </div> <div class="push"></div> </div> <div class="footer"> <p>футер</p> </div> </body> </html>
