首页登录双行排版

<!--------------------------------------------------------------->			
<div class="main clear">	
	<div class="logo_icon" style="border:0px solid red;">
	<a href="#"><img src="http://jb.com/Content/Default/home/images/logo.png?70daa51132"></a>
	</div>
	<div class="logo_icon" style="border:0px solid red;">
		<div class="logo fleft">
			<a href="/HomePage"> </a>
		</div>
	</div>	
                    <div class="bar-right">
                        <div class="fright">
							<div id="LOGIN-FORM">
								<form autocomplete="off" action="/Login/login" method="post" data-bind="submit:submit">
									<input type="text" style="visibility:hidden;position:absolute;z-index:-999;" />
									<input type="password" style="visibility:hidden;position:absolute;z-index:-999;" />
									<div class="login-area">			
					<div class="bar-rightL">
										<span class="login-mane">
											<input class="input_tip" type="text" maxlength="20" data-bind="textinput:fields.username,placeholder:'账号|tip_form'" needed>
										</span>
										<span class="login-password">
											<input class="input_tip" type="password" maxlength="20" data-bind="textinput:fields.password,placeholder:'密码|tip_form'" needed>
										</span>
										<span class="login-code" style="margin-left:12px;">
											<input type="text" class="input_tip input_tip_45" data-bind="textinput:fields.validateCode,placeholder:'验证码|tip_form tip_forms'" needed>
										</span>
										<img src="" style="background-color:white;" data-bind="attr:{src:'/login/Authnum?'+random()},click:refreshCode" alt="验证码" title="点击切换验证码" />
										<a title="登录" href="javascript:void(0)" class="btn-login" style="position:relative">
											<span data-bind="text:isSubmitting()?'登录中...':'登录'">登录</span>
											<input type="submit" value="" class="btn-login" style="position:absolute;left:0;top:0;height:34px;width:102px;margin:0;filter:alpha(opacity=0);opacity:0;" />
										</a>
						</div>
						<!--bar-rightR-->
						<div class="bar-rightR">
						<a style="position:relative" class="btn-login" href="/Register/index/" title="立即注册">立即注册</a>
						<a style="position:relative" class="btn-login" href="#" οnclick="try_play()" title="免费试玩">免费试玩</a>
						</div>
									</div>
									
								</form>
							</div>
                        </div>
                      <!--  <div class="mail-box" id="msg_box">
                            <a title="未读信息" class="btn-mail" href="javascript:;" id="msg_box">
                            </a>
                            <a href="javascript:;" class="ui-mail-tip-box dn" id="msg_info"></a>
                        </div>-->
                    </div>
                </div>			
				
<style>
.bar-rightL{position:relative;height:108px; line-height:54px;width:330px; border:0px solid green;float:left;}
.bar-rightR{position:relative;height:108px; line-height:54px; width:120px; border:0px solid blue;float:left;}

.login-area span {
    background-position: 0 -396px;
    display: inline-block;
    height: 34px;
    line-height: 1;
    padding: 0 0 0 32px;
    position: relative;
    text-align: left;
    width: 122px;
}
</style>	
<!--------------------------------------------------------------->

　　

转载于:https://www.cnblogs.com/bchome/p/6883291.html