Как заставить мой столбец всегда растягиваться в нижнюю часть страницы?

Мне нужен столбец моего контента, чтобы расширить в нижнюю часть страницы, когда его содержимое короче просмотра, но все равно расширяется, когда содержимое дольше. Столбец должен идти немного от вершины страницы.

Вот HTML для того, что я описал:

<html>
  <body>
   <div id="content">
      <p> asdf ghjkl </p>
    </div>
  </body>
</html>

Вот CSS

#content {
  min-height: 100%;
  margin: 100px 0 0;
}

проблема с этим методом, тем не менее, является то, что мин высота: 100%; не принимает прокладку во внимание Страница всегда больше, чем я хочу.

Это поведение, которое я ищу:

desiredbehavior

Есть ли способ достичь этого без использования JavaScript?

6
задан enthdegree 4 March 2014 в 19:22
поделиться