[問題] css的margin-top和float問題

[rexkimta (冷杉林)]

html code:
<div class="container">
    <div class="right">
    right
    </div>
    <div class="left">
    left
    </div>

</div>

我的問題是，

如果用.right { float: right; }

把這個變成兩欄式，

則.left { margin-top: 10px; }

會變成container的margin-top是10px，

而不是.left到container的上邊界是10px。

請問這是正常狀況嗎？有解決辦法嗎？


註：在container和left、right用不同背景顏色會比較清楚。

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 140.114.222.155
推 tomin:container也設float呢?
→ rexkimta:會歪一邊，而且l和r還是不齊…
推 tomin:padding-top?
→ rexkimta:R上面會有空白…
→ rexkimta:我要的是L不貼著上面，但是R貼著上面…
→ rexkimta:喔喔是我弄錯，用padding看起來和用margin效果一樣…
→ rexkimta:可是有背景色就破功啦= =
推 aceone:container設padding .right 設margin-top:-10px
→ rexkimta:謝啦，早上起來有想到這招。