Двухколонный макет не работает должным образом

Question

Я пытаюсь создать HTML-страницу с использованием двухколоночного макета.

У меня есть версия в jsfiddle

http://jsfiddle.net/bobbyfrancisjoseph/eFMpJ/35/

Я не могу установить верхнее поле для внутреннего контейнера. Тем не менее, я дал верхнее поле длявнутренний контейнер не был отражен на странице.

Причина, по которой я использую внутренний контейнер для хранения левой боковой панели и innerContainer, заключается в том, что на текущей странице у меня есть еще два элемента div во боксе во внутреннем контейнере. Я не предпочитаю использовать три столбцамакет по этой причине.

Answer 1

Ваша проблема с краем рушится. Вы можете предотвратить сужение полей с помощью рамки или отступов. Здесь есть хорошее объяснение: http://reference.sitepoint.com/css/collapsingmargins

http://jsfiddle.net/eFMpJ/46/

#outerContainer
{
   background-color:#FFF000;
   margin:10px 10px 10px 10px;

   border-top: 1px solid black;
   // or padding-top: 1px;
}

Answer 2

Прежде всего закрывающий div отсутствует для открытия. Затем я добавил padding-top размером 10px в outerContainer.

#outerContainer
{
   background-color:#FFF000;
   margin:10px 10px 10px 10px;
   padding-top: 10px;

}

Я думаю, что это решит вашу проблему. Пожалуйста, дайте мне знать, каков результат.