Css, Контент не находится внутри границы

Question

У меня высота этого div установлена ​​на 100%, но содержимое продолжает переполняться.

Вот эта страница: http://cowgirlsbaking.com/membership

CSS:

#content {

 margin-left: auto;
 margin-right: auto;
 background-color: #FCF6E9;
 width:868px;
 height:100%;
 min-height: 650px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border: 10px solid #EB7CDB;

Answer 1

Добавить overflow: auto; к #content.

Answer 2

Это потому, что когда вы перемещаете объекты, они не занимают вертикальное пространство во внешнем элементе.

Самое простое решение - добавить это до конца content div:

<br style="clear:both">

Или используйте класс типа .clr { clear: both; } с <br class="clr">

Answer 3

причина этого в том, что у вас есть плавающий элемент в div содержимого, и вы не очищаете его.

лучший способ исправить это - добавить определенные стили clearfix в ваш .cssи дайте вашему контейнеру класс clearfix, как указано здесь http://www.webtoolkit.info/css-clearfix.html