Как переместить div рядом с другим div? ⇐ CSS

[Гость]

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

Код: Выделить всё

/* main content */

.container {
box-shadow: 0px 0px 5px #000;
padding: 0;
background: rgba(255, 255, 255, 0.7);
}

.hightlight {
margin: 5px 15px 0px 15px;
}

#teaser-title {
background-color: #555;
padding: 5px;
margin: 15px 5px 0px 15px;
color: #fff;
font-family: Geometos;
width: 855px;
}

/* sidebar content */

.sidebar {
background-color: rgba(255, 255, 255);
border: 2px solid rgba(193, 193, 193, 1.00);
height: 100%;
width: 419px;
float: right;
position: fixed;
top: 0;
margin: 5px 15px 15px 0px;
}

/* recent content */

.one,
.two {
margin: 5px;
}

.postOne {
background-color: rgba(255, 255, 255);
border: 2px solid rgba(193, 193, 193, 1.00);
margin: 5px 15px 0px 15px;
display: inline-block;
}

.postTwo {
background-color: rgba(255, 255, 255);
border: 2px solid rgba(193, 193, 193, 1.00);
margin: 5px 15px 15px 0px;
display: inline-block;
}

Код: Выделить всё

>> Highlights

[img]images/thumb-1.jpg[/img]

>> Blog


[url=#]
[img]images/placeholder.jpeg[/img]
>>Post Title
content goes here
[/url]




[url=#]
[img]images/placeholder.jpeg[/img]
>>Post Title
content goes here
[/url]



content here

Подробнее здесь: https://stackoverflow.com/questions/781 ... nother-div