Question

我正在建立一个博客网站。问题是我正在制作一个注册框，我已经在表格中放了一个表格。但是现在我无法在id和密码字段中输入数据。如何定位元素以解决问题？

CSS （在HTML /主题/样式元素中）

#l1 {
    position:absolute;
    top:300px;
    left:600px;
}
#tx1 {
    position:absolute;
    top:305px;
    left:672px;
}
#l2 {
    position:absolute;
    top:345px;
    left:600px;
}
#tx2 {
    position:absolute;
    top:358px;
    left:672px;
}
#tab {
    position:absolute;
    top:235;
    left:570;
    border-radius:10px;
    box-shadow:0px 0px 2px #777;
}
.e {
    color:#EE6AA7;
    font-family:Helevetica;
    font-size:17px;
}

HTML （在HMTL / Body元素内）

<form>
    <table border="1" id="tab" width="320" height="215">
        <tr>
            <p id="l1" class="e">Id</p>
            <input type="text" name="id" id="tx1" class="e1">
            <br>
            <p id="l2" class="e">Password</p>
            <input type="text" name="pswrd" id="tx2" class="e1">
        </tr>
    </table>
</form>

Answer 1

重要的是你试图在任何地方使用绝对位置。实际上，如果您想使用绝对位置放置表单，请仅对一个主要块执行此操作。并将输入放在此块内，没有绝对位置。您的代码也存在一些问题，特别是关于表（无元素）

所以，尝试在页面的某处创建一个具有绝对位置的div，并在这个div中放置你的表。

像http://dabblet.com/gist/6615265

这样的东西

如何在CSS中的表格中放置一个表单

1 个答案: