CSS div область не появляется (но отображается в firebug?)

Question

У меня есть div (class = "sidebar"), который я хочу отобразить справа от области содержимого.Я установил область содержимого в качестве контейнера, затем поместил в нее боковую панель, указав высоту, ширину, цвет фона и разместив ее правильно.

Она отображается в Firebug, но не отображается на экране.

В настоящее время я изучаю CSS, поэтому любые советы / советы по поводу того, что мне не хватает, приветствуются.

Любые доступные советы будут с благодарностью приняты.

Заранее спасибо,

Том Перкинс

Вы можете посмотреть мой код здесь: http://jsfiddle.net/tomperkins/v3yqf/

Answer 1

Поскольку элементы HTML по умолчанию имеют прозрачный цвет фона.Придав элементу цвет фона, и вы сразу увидите его:

.sidebar {
    background: orange;
}

См .: http://jsfiddle.net/v3yqf/3/ (http://jsfiddle.net/v3yqf/3/embedded/result, если ваш экран узкий)

Answer 2

Попробуйте разместить div на своей боковой панели перед div содержимого.Также вам будет лучше, если вы укажете background: green вместо color: green;)

Редактировать:

Итак, используйте

<div class="sidebar"></div>
<div class="content"></div>

вместо

<div class="content"></div>
<div class="sidebar"></div>