Html 使div与另一div保持一定距离
我有一个登录框DIV,下面是另一个登录按钮DIV,它比登录框DIV高出1% 登录框div具有以下样式:Html 使div与另一div保持一定距离,html,css,asp.net,Html,Css,Asp.net,我有一个登录框DIV,下面是另一个登录按钮DIV,它比登录框DIV高出1% 登录框div具有以下样式: .login-box { height: 39%; width: 100%; } .login-box-wrap { width: 30%; height: 98%; margin: 0 auto; border: 1px solid #3f3f3f; background-color: #609ac4; border-radius: 5px 5px 5px 5px; margin-top:
.login-box {
height: 39%;
width: 100%;
}
.login-box-wrap {
width: 30%;
height: 98%;
margin: 0 auto;
border: 1px solid #3f3f3f;
background-color: #609ac4;
border-radius: 5px 5px 5px 5px;
margin-top: 1%;
min-width: 250px;
max-width: 500px;
max-height: 350px;
min-height: 100px;
}
.logintextbox {
background-color: transparent;
border: none;
border-bottom-color: rgba(176, 221, 245, 1);
border-bottom-style: solid;
border-bottom-width: 2px;
width: 98%;
height: 32%;
font-size: 1.2em;
font-family: open sans;
color: white;
padding-left: 2%;
}
然后,当我将其缩小一点时,按钮与框重叠如下:
这是登录按钮样式:
.login-button {
height: 5%;
width: 100%;
margin-top: 1%;
position: fixed;
}
.login-button-wrap {
width: 30%;
height: 100%;
margin: 0 auto;
min-width: 250px;
max-width: 500px;
min-height: 20px;
max-height: 31px;
}
#btnLogin {
height: 100%;
width: 100%;
background: linear-gradient(#73afda,#609ac4);
border: 1px solid #3f3f3f;
border-radius: 5px 5px 5px 5px;
font-family: Arial;
color: white;
font-size: 15px;
}
在所有分辨率下,如何使按钮保持在框顶部10px/1%的边距
**编辑:**
这是HTML
<div class="login-box">
<div class="login-box-wrap">
<input id="txt_client_reference" type="text" class="logintextbox" placeholder="Client Reference" />
<input id="txt_postcode" type="text" class="logintextbox" placeholder="Postcode" />
<input id="txt_date_of_birth" type="text" class="logintextbox" placeholder="Date of Birth" />
</div>
</div>
<div class="login-button">
<div class="login-button-wrap">
<asp:Button ID="btnLogin" runat="server" Text="Log in" CssClass="loginButton" OnClientClick="checkForm(); valid_postcode()" />
</div>
</div>
我可能离这一点有点远,但你的位置已经固定了,这不再真正关心你的利润。你会发布一些html吗?thanks@FoxNos添加了htmlOk,然后有两件事:标签代表什么?您希望按钮相对于windows resize上的框有一个固定的页边距顶部吗?我想如果您从CSS for.login按钮中删除position:fixed,这意味着它始终保持在同一位置time@FoxNos是的,所以LoginButton div应该总是比LoginBox div低1%左右。这可能是我的错,我添加了thin以查看它是否有效,但没有。我试过了,但还是不起作用。