Div錯誤，不停留在內聯和margin-top不起作用？

我想讓我的網站在這裏有一個類似於這裏的佈局：http://www.mathewporter.co.uk/但我的div都沒有排列正確的方式。我試過使用，但沒有正確的工作。 http://jsfiddle.net/vf4Wu/1/使用CSS：：正如你可以在這裏的jsfiddle看到Div錯誤，不停留在內聯和margin-top不起作用？

div.sidebar{ 
margin-top: 25px; 
margin-left: 150px; 
display: inline; 
} 

div.content{ 
display: inline; 
} 

div.content h2{ 
display: inline; 
}

感謝，林不知道，如果IM問這個正確與否。但是，如果不是div，我應該使用什麼？

用途：

display: inline-block;

內嵌項目不能接受頂部/底部margin和padding。

2013-01-22 16:01:44

好了，但是當我將其更改爲這一點，再次打亂了：http://jsfiddle.net/vf4Wu/3/ –

不知道是什麼你想要的結果看起來像，我真的不知道什麼「混亂」意味着什麼。 –

我希望它看起來類似於：http：//www.mathewporter.co.uk/ –

使用float每個contanier或顯示：該作品inline-block的

2013-01-22 16:02:27

好的，但它改變了它，當我改變它：http://jsfiddle.net/vf4Wu/3/ –

inline-block允許您設置頁邊距如果您要在全寬上使用div顯示，您將使用內部邊距顯示內聯標籤「display：block」......它完全符合您的要求 –

回答