[問題] html div排版

作者: s890269 (賽)   2016-09-04 16:02:35
大家好,我使用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的內容可以置中
作者: s890269 (賽)   2016-09-04 16:13:00
但因為一直沒成功,想說先移一個標題看看
作者: Qiqi (潑潑)   2016-09-04 16:27:00
為何head裡面有div?
作者: s890269 (賽)   2016-09-04 16:38:00
修改了,請問我可以直接在form標籤上下使用div進行移動嗎?
作者: CauseSam (天翼)   2016-09-04 18:46:00
建議w3c的基本範例先run一次
作者: iamnodoubt (Have Fun)   2016-09-04 21:52:00
因為打錯字,absoulute ->absolute學一下devtool怎麼用,要找問題簡單多了
作者: Gold740716 (項為之強)   2016-09-05 11:01:00
h1 要在 body 裡, head 裡的是 title 。
作者: aceone   2016-09-06 00:52:00
整個都錯了啊 XD 你要置中直接在h1寫text-align:center就可以了

Links booklink

Contact Us: admin [ a t ] ucptt.com