1

入力要素に div を配置する必要があります。たとえば。

https://www.tumblr.com/login

パスワード入力要素を見ると、「?」があります。右側に。

それを行うための正しい解決策は何ですか?

アブソリュート・アゲインスト・ボディでのポジショニングがうまくいかない。

「？」を配置したかったのです。入力要素を含むdivとして相対的ですが、入力要素を「？」の親divにすることはできません 何らかの理由で。

助けてください。

コード：

  div.login
    form#login-form(autocomplete="on", method='post', action='/login')
      div.form-row
        label(for="login_email")
        input#login_email(type="email" , data-required="required", placeholder="Email", name="user[email]")
      div.form-row
        label(for="login_password")
        input#login_password(type="password" , data-required="required", placeholder="Password", name="user[password]")
          div.forgot(style='float:right;border:1px solid red;') forgot
      input.login-btn.btn-account(type='submit', value='Log in')
4

2 に答える 2

2

私は と を作りdiv.form-row position:relativeますdiv.forgot position:absolute;right:10px;top:8px;

それは、忘れたまたは「？」を絶対位置にします。入力フィールドの親コンテナーに相対的です。さらに調整する必要がありますが、これで正しい方向に向かうはずです。

于 2013-08-11T20:46:52.030 に答える
1

その場合、 input 要素と question market 要素は、 class を持つ div 要素で親になりますform_row:

    <div class="form_row form_row_password">
         <label for="signup_password">Password</label>
         <input type="password" name="user[password]" placeholder="Password" id="signup_password" data-required="required">
         <a href="/forgot_password" class="forgot_password_link" target="_new">Password help<b class="question_mark">?</b></a>
    </div>

したがって、クラスform_rowが isの親 divposition:relative;の場合、入力要素 AND<a>要素はその中にあります。<a>要素は唯一のものでありposition:absolute、入力要素ではなく、その親であるコンテナー div に対して相対的になります。

于 2013-08-11T20:48:15.417 に答える