Помогите разобраться как сделать так, чтобы текст помещенный в футере (если он большой по объему) не вылазил за рамки футера, а растягивал его. Ниже привел пример своего участка кода.
<div id="footer">
<p class="holders">
здесь текст.....
</p>
<p class="copyright">
Sait.ru © 2015
</p>
<div class="counters">
<div class="counter-item">
<!----счётчик!!!----->
</div>
</div>
</div>
</div>
</body>
</html>
<div id="footer">
<p class="holders">
здесь текст.....
</p>
<p class="copyright">
Sait.ru © 2015
</p>
<div class="counters">
<div class="counter-item">
<!----счётчик!!!----->
</div>
</div>
</div>
</div>
</body>
</html>
просто когда убирается height, высота должна быть автоматически 100%, ну или как написали уже height: auto;. прикрепляю картинку, в качестве наглядного примера. т.е делаешь блок, не задаешь ему высоту, и не задаешь высоту абзацу, т.е <p> и тогда все растягивается
та не за что. мой вариант сработал, только мы пообщались с Dexter'ом, так он написал еще по поводу бекграунда, так как его нужно было также растянуть на 100% и 100% 
