[問題] html div排版

作者s890269 (賽)

看板Web_Design

標題[問題] html div排版

時間Sun Sep 4 16:02:35 2016

大家好,我使用python,django及html5來寫網頁目前想使用div來進行整個區域排版 <!DOCTYPE html> <html> <head> </head> <style> .right{position:absoulute; top:40px; left:45%} </style> <h1>註冊新帳號</h1> <body> <div class="right"> <form action="" method="post">{%csrf_token%} {{form.as_p}} <input type="submit" value="註冊"> </form> </div> </body> </html> 我使用絕對位置,照理來說,註冊新帳號的標題應該會距離左邊偏45% 但我的標題為何還是一樣貼齊最左側? 但我有其他的模板就可以移動成功,有幾個就不行,請問我有弄錯嗎? 主要是希望body的內容可以置中 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.164.162.219 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1472976158.A.1B3.html

→ s890269: 但因為一直沒成功,想說先移一個標題看看 09/04 16:13

推 Qiqi: 為何head裡面有div？ 09/04 16:27

※ 編輯: s890269 (218.164.162.219), 09/04/2016 16:32:45

→ s890269: 修改了,請問我可以直接在form標籤上下使用div進行移動嗎? 09/04 16:38

※ 編輯: s890269 (218.164.162.219), 09/04/2016 16:48:12 ※ 編輯: s890269 (218.164.162.219), 09/04/2016 17:08:43 ※ 編輯: s890269 (218.164.162.219), 09/04/2016 17:20:49

→ CauseSam: 建議w3c的基本範例先run一次 09/04 18:46

推 iamnodoubt: 因為打錯字,absoulute ->absolute 09/04 21:52

→ iamnodoubt: 學一下devtool怎麼用,要找問題簡單多了 09/04 21:53

→ Gold740716: h1 要在 body 裡， head 裡的是 title 。 09/05 11:01

推 aceone: 整個都錯了啊 XD 你要置中直接在h1寫text-align:center就 09/06 00:52

→ aceone: 可以了 09/06 00:52