我试图将2个div放在彼此之下:
div 1
div 2
这是我在HTML文件中走了多远:
<div width="100%" z-index:"1">
<div id="username-full">
<div id="username-form">
<input type="text" name="username" id="username-input" placeholder="Username" />
</div>
<div id="username-text">
<p>Username:</p>
</div>
</div>
</div>
<div width="100%" z-index:"1">
<div id="passwd-full">
<div id="passwd-form">
<input type="text" name="passwd" id="passwd-input" placeholder="passwd" />
</div>
<div id="passwd-text">
<p>Password:</p>
</div>
</div>
</div>
这是我的CSS文件:
#username-full{
text-align:right;
float:right;
clear:right;
}
#username-text{
float:right;
margin-right:5px;
}
#username-form{
float:right;
margin-top:13px;
}
#passwd-full{
text-align:right;
float:right;
}
#passwd-text{
float:right;
margin-right:5px;
}
#passwd-form{
float:right;
margin-top:13px;
}
如你所见,我尝试过使用z-index,我试图给2个div的宽度为100%,我尝试使用float。此外,我尝试使用定位,但这也没有用。我猜不出来了:(。
问候, Luuk
答案 0 :(得分:1)
根据您的代码,尝试添加以下行:
#passwd-full{
clear: both;
}
答案 1 :(得分:0)
答案 2 :(得分:0)
如果你想要两个div 100%,一个在另一个之上,你应该尝试:
<div id="One">My first content</div>
<div id="Two">My second content</div>
#One, #Two {width: 100%; clear: both;}