div嵌套无法单独移动其中一个div
调节login和form的margin-top，发现两个div总是一起移动，哪个magin-top的值大就应用哪个，就像是同一div，求解~<!doctypehtml><...
调节login和form的margin-top，发现两个div总是一起移动，哪个magin-top的值大就应用哪个，就像是同一div，求解~
<! doctype html >
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
font-size: 12px;
background-color: rgb(0,99,172);
overflow: hidden;
text-align: center;
}
#container {
width:980px;
margin:0 auto;
}
#login {
background-image: url(images/login.gif);
width: 916px;
height: 353px;
margin-top: 180px;
}
#form{
margin-top:190px;
}
</style>
</head>
<body>
<div id="container" >
<div id="login">
<div id="form">
<form> 用户：
<input type="text" name="username"/>
<br/>
密码：
<input type="password" name="password"/>
<br/>
<input type="submit" value="登陆" />
<input type="button" value="注册" />
</form>
</div>
</div>
</div>
</body>
</html> 展开
<! doctype html >
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
font-size: 12px;
background-color: rgb(0,99,172);
overflow: hidden;
text-align: center;
}
#container {
width:980px;
margin:0 auto;
}
#login {
background-image: url(images/login.gif);
width: 916px;
height: 353px;
margin-top: 180px;
}
#form{
margin-top:190px;
}
</style>
</head>
<body>
<div id="container" >
<div id="login">
<div id="form">
<form> 用户：
<input type="text" name="username"/>
<br/>
密码：
<input type="password" name="password"/>
<br/>
<input type="submit" value="登陆" />
<input type="button" value="注册" />
</form>
</div>
</div>
</div>
</body>
</html> 展开
3个回答
展开全部
前一段时间遇到过同样的问题，经过尝试在form的css中加入“float: left;”，再把form的z-index设为高于login，就可以在ie和谷歌下实现form显示在login上面并相对login定位，但是火狐还是不行，不知道为什么。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
