[問題] html div排版

看板Web_Design作者 (賽)時間8年前 (2016/09/04 16:02), 8年前編輯推噓3(306)
留言9則, 6人參與, 最新討論串1/1
大家好,我使用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

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

09/04 16:27, , 2F
為何head裡面有div?
09/04 16:27, 2F
※ 編輯: s890269 (218.164.162.219), 09/04/2016 16:32:45

09/04 16:38, , 3F
修改了,請問我可以直接在form標籤上下使用div進行移動嗎?
09/04 16:38, 3F
※ 編輯: 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

09/04 18:46, , 4F
建議w3c的基本範例先run一次
09/04 18:46, 4F

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

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

09/05 11:01, , 7F
h1 要在 body 裡, head 裡的是 title 。
09/05 11:01, 7F

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

09/06 00:52, , 9F
可以了
09/06 00:52, 9F
文章代碼(AID): #1NozKU6p (Web_Design)
文章代碼(AID): #1NozKU6p (Web_Design)