作者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://webptt.com/m.aspx?n=bbs/Web_Design/M.1472976158.A.1B3.html
1F:→ s890269: 但因為一直沒成功,想說先移一個標題看看 09/04 16:13
2F:推 Qiqi: 為何head裡面有div? 09/04 16:27
※ 編輯: s890269 (218.164.162.219), 09/04/2016 16:32:45
3F:→ 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
4F:→ CauseSam: 建議w3c的基本範例先run一次 09/04 18:46
5F:推 iamnodoubt: 因為打錯字,absoulute ->absolute 09/04 21:52
6F:→ iamnodoubt: 學一下devtool怎麼用,要找問題簡單多了 09/04 21:53
7F:→ Gold740716: h1 要在 body 裡, head 裡的是 title 。 09/05 11:01
8F:推 aceone: 整個都錯了啊 XD 你要置中直接在h1寫text-align:center就 09/06 00:52
9F:→ aceone: 可以了 09/06 00:52