请教这个布局应该如何改
日期：2014-05-17 浏览次数：20846 次
请问这个布局应该怎么改
现在的效果是这样的，“用户名”和“密码”的div在输入框的右边，应该放在输入框的左边，请问应该怎么调整。
现在的效果是这样的，“用户名”和“密码”的div在输入框的右边，应该放在输入框的左边，请问应该怎么调整。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<form id="Index" runat="server">
<div class="container">
<div class="login_container" id="Div1">
<div class="login_box">
<div class="logo_title"><h1>登录信息系统</h1>
</div>
<asp:Label ID="lblMessage" runat="server" ForeColor="OrangeRed"></asp:Label>
<div class="login_operate" style="display:block" id="web_login">
<div class="username">
<label class="txt_default" for="uin" id="label_uin" default_txt="用户名"> </label>
<input class="txt alias" id="username" name="uin" type="text" tabindex="1" />
<input readonly="readonly" class="login_domain" id="domain" name="u_domain" style="font-size:18px;" value="用户名" type="text" tabindex="-1"/>
<input id="u" name="u" value="" type="hidden" />
</div>
<div class="username">
<label class="txt_default" for="p" id="label_p" default_txt="密码"> </label>
<input class="txt alias" id="userpwd" name="p" type="password" tabindex="2" />
<input readonly="readonly" class="login_domain" id="Text1" name="u_domain" style="font-size:18px;" value="密 码" type="text" tabindex="-1"/>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
html,body,p,ul,li,h1,input,form {
margin: 0;
padding: 0;
}
body,input {
font: 12px Verdana,Arial,Helvetica;
}
body {
background: white;
}
.container {
width: 800px;
margin: 20px auto 0;
min-height: 500px;
}
.mask {
position: absolute;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
opacity: 0.6;
filter: alpha(opacity=60);
}
.login_container {
float: right;
}
.login_box {
position: relative;
z-index: 11;
width: 305px;
margin-right: 4px;
padding: 20px;
border: 1px solid #ACC3E4;
background: #EDF5FF;
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
border-radius: 5px;
-webkit-border-radius: 5px;
}
.login_box h1 {
color: #274571;
font-size: 16px;
}
.login_box .login_operate {
padding: 12px 0 20px;
}
.login_operate .username,.login_operate .password,.login_operate .about_password,.login_operate .login_submit {
position: relative;
width: 305px;
padding: 5px 0;
z-index: 2\9;
}
.login_op
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
