zoukankan      html  css  js  c++  java
  • html 使用定位遇到的问题

    html:

    <div class="layui-form-item login-form-item code" id="captchaZone" style="position: relative;margin-bottom: 15px;">

      <b class="ico"></b>

      <div class="login-code-box" style="display:block;">

        <input placeholder="请输入验证码" autocomplete="off" data-field="captcha" data-name="验证码" data-valid="{&quot;required&quot;:{&quot;message&quot;:&quot;{name}u4e0du80fdu4e3au7a7a&quot;}}" type="text" name="data[captcha]" value=""/>

        <img width="120" height="36" id="captchaImg" src="/?c=Captcha&type=login" title="点击更换验证码" style=" position: absolute;">

      </div>

    </div>

    想要的结果是需要验证码和输入验证码框在同一行。但是使用了定位之后位置在input框下方,怎么都弄不上去。

    解决方法:添加right:0px;top:0px;

    改为:<img width="120" height="36" id="captchaImg" src="/?c=Captcha&type=login" title="点击更换验证码" style=" position: absolute;right:0px;top:0px;">

  • 相关阅读:
    如何阅读一篇论文
    FT232R驱动问题
    无线传感网-定位技术1
    无线传感网中常见路由协议2
    课程总结
    十四周总结以及实验报告
    第十三周总结
    第十二周课程总结
    第十周课程总结
    第九周课程总结&实验报告(七)
  • 原文地址:https://www.cnblogs.com/liuqd001/p/9295850.html
Copyright © 2011-2022 走看看