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

看板Web_Design作者 (冷杉林)時間16年前 (2009/08/28 23:04), 編輯推噓3(306)
留言9則, 3人參與, 最新討論串1/1
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

08/29 00:13, , 1F
container也設float呢?
08/29 00:13, 1F

08/29 00:23, , 2F
會歪一邊,而且l和r還是不齊…
08/29 00:23, 2F

08/29 00:35, , 3F
padding-top?
08/29 00:35, 3F

08/29 02:20, , 4F
R上面會有空白…
08/29 02:20, 4F

08/29 02:23, , 5F
我要的是L不貼著上面,但是R貼著上面…
08/29 02:23, 5F

08/29 02:29, , 6F
喔喔是我弄錯,用padding看起來和用margin效果一樣…
08/29 02:29, 6F

08/29 02:29, , 7F
可是有背景色就破功啦= =
08/29 02:29, 7F

08/29 03:10, , 8F
container設padding .right 設margin-top:-10px
08/29 03:10, 8F

08/29 09:48, , 9F
謝啦,早上起來有想到這招。
08/29 09:48, 9F
文章代碼(AID): #1Ab_7sy_ (Web_Design)