作者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/cn.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