DIVが正しく配置されていません

Question

私のウェブページでhttp://www.replyonline.co.uk/test/index.htmlに＃twitterというtwitter divが表示されます。

ご覧のとおり、位置がずれていて、左側の4つの#about divの後にある必要がありますが、他のものと並ぶ必要もあります。それは現在押されているように見えます。

私はdivを#twitter divから区切るために#aboutボックスのすべてに囲んで置いています。

#about1{ 
width: 260px; 
min-height: 140px; 
float: left; 
margin: 0 20px 15px 0; background: url(../images/about_grad1.jpg) bottom right; 
display: block; 
} 

#twitter{ 
width: 220px; 
margin-bottom: 20px; 
height: 290px; 
overflow: auto; 
float: right; 
font-size: 11px; 
background: #ececec; 
} 

Answer 1

を動作するかどうかを確認：ここ

約ボックスのいずれかのためのCSSやTwitterボックスがあります約4箱

それがあるべき

<div> 
    <div>box1</div> 
    <div>box2</div> 
    <div>box3</div> 
    <div>box4</div> 
    <div>twitter</div> 
</div> 

それから少し薄くするか、マージンを調整してください。十分な横の部屋。 #twitterの幅を240に設定すると、すべての行が1行で取得され、OKになるまで調整する必要があります。

Answer 2

DISは

あなたが同じのdivブロックにTwitterのdiv要素を配置する必要があり

#twitter { 
width: 240px; 
margin-bottom: 20px; 
height: 290px; 
overflow: auto; 
font-size: 11px; 
background: #ECECEC; 
float: right; 
margin-top: -310px; 
margin-left: 50px; 
}