[问题] 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