У меня проблема следующего характера: вообщем изучаю адаптивную верстку, хочу потренироваться и создаю простые объекты, вот ниже код CSS
html, body {
padding: 0;
margin: 0;
color: white;
}
#wrapper {
width: 1100px;
margin: 0 auto;
}
#main {
width: 700px;
float: left;
background-color: #ffa500;
}
#sidebar {
width: 400px;
float: right;
background-color: #1d2432;
}
Но на странице сайта тупо ничего не появляется, а хотя высота должна формироваться под размеры браузера. И все появляется, только когда я для #wrapper задаю высоту определенную, а остальным элементам ставлю её по 100%.
Из-за чего это происходит? Как пофиксить? Или я допустил какую-то ошибку?