在输入元素上放置div
在输入元素上放置div
提问于 2013-08-11 20:42:09
我需要在输入元素上定位一个div。就像。
如果您查看密码输入元素，就会发现“？”在右边。
做这件事的合适人选是什么？
我试着用绝对对着身体来定位它，因为它不太好用。
我想定位"?“相对于包含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')回答 2
Stack Overflow用户
回答已采纳
发布于 2013-08-11 20:48:15
在这种情况下，输入元素和问题市场元素在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的父div是position:relative;，那么输入元素和<a>元素就在其中。<a>元素是唯一具有position:absolute的元素，它将相对于其父元素容器div而不是输入元素。
Stack Overflow用户
发布于 2013-08-11 20:46:52
我会制作div.form-row position:relative和div.forgot position:absolute;right:10px;top:8px;
那将绝对位置的遗忘还是"?“本身相对于输入字段的父容器。你需要进一步调整它，但这会让你朝着正确的方向前进。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18176462
复制相关文章
相似问题
腾讯云开发者
