大家好,我在一个 lil 网站上工作,但无论我做什么,我的表格都不会移动,它似乎被卡住了,我尝试了 float 头寸 margin ,但它不起作用,我找不到解决方案
我的html代码
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<!--Title-->
<div id="Title">
<h1>Magic</h1>
</div>
<!--Navigator-->
<div id="Nav">
<form action="skyrim.html">
<input type="submit" value="Map">
</form>
<form action="races.html">
<input type="submit" value="Races">
</form>
<form action="magic.html">
<input type="submit" value="Magic">
</form>
<form action="Website 1.html">
<input type="submit" value="Homepage">
</form>
</div>
<!--Section-->
<div id="Sector">
<h1> Skyrim Magic Categories</h1>
</div>
<!--Magic-->
<div id="Dmagic">
<img src="Dmagic.png" alt="Dmagic.png" style="width:350px;length:300px;">
</div>
<!--Login Form-->
<div id="Form">
<form action="logged.html">
Username:<br>
<input type="text" name="Dovahkiin">
<br>
Password:<br>
<input type="password" name="Dragonborn">
<input type="submit" name="Log in" value="Log in">
</form>
</div>
<!--footer-->
<div id="Footer">
<p>Made by Tommasteragent</p>
</div>
</body>
</html>
我的CSS代码
<style>
div#Form {
color:white;
position:absolute;
top:20px;
right:-150px;
}
div#Title {
font-size:30px;
color:white;
text-align:center;
background-color:black;
padding:5px;
}
div#Nav {
font-size:20px;
color:black;
float:left;
background-color:lightgrey;
padding:5px;
line-height:50px;
height:770px;
width:100px;
}
div#Footer {
font-size:20px;
color:white;
background-color:black;
padding:5px;
clear:both;
text-align:center;
}
div#Sector {
background-color:white;
color:black;
float:left;
clear:right;
width:350;
padding:10px;
}
div#Dmagic {
position:absolute;
top:200px;
left:70px;
}
</style>
谢谢你的帮助
编辑 是的,很抱歉不清楚我的问题 问题主要是关于“登录表单”“div#Form” 那是不会移动的部分,它需要在右上角,但它不会
我不清楚的借口
最佳答案
为什么要使用表单?如果你使用 <a href="skyrim.html"> skyrim</a>
样式会容易得多
关于html - 无论我尝试什么,表单都不会在 css 中移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38069386/