爱玺玺

爱玺玺的生活日记本。wx:lb87626

rem导致div包裹input错位问题,遮挡问题

#inphone{width:460px; height: 444px; left: 50%; margin:8% auto auto -230px; z-index: 104; position: fixed; background:url(img/login.png) no-repeat; background-size: 100%; overflow: hidden; display: none;}

#inphone .inname{width:164px; height:38px; position: absolute; margin:302px auto auto 176px; line-height:0px; padding: 0px; z-index: 20;}

#inphone .iphone{width:164px; height:38px; position: absolute; margin:345px auto auto 176px; line-height:0px; padding: 0px;}

#inphone input{width: 150px; height: 22px; font-size:14px; line-height:28px; margin-top:0px; border: none; border-radius: 5px;}

#inphone .roule{ position: absolute; width: 124px; height: 36px; margin:400px auto auto 106px; cursor: pointer;}

#inphone .rob{ position: absolute; width: 124px; height: 36px; margin:400px auto auto 230px;}

#inphone .rob a{ float: left; width: 124px; height: 36px; }


<div id="inphone">

<div class="inname"><input type="text" name="rname" id="rname"></div>

<div class="iphone"><input type="text" name="phone" id="phone"/></div>

<div class="roule"></div>

<div class="rob"><a href="javascript:void(0)" onClick="ver_phone()"></a></div>

</div>


发表评论:

Powered By Z-BlogPHP 1.4 Deeplue Build 150101

Copyright Your WebSite.Some Rights Reserved.

蜀ICP备11021721号-5