Question

我想在页面的右下角放置一个文本框，在底部使用html。

我写了这段代码，它有效，但我不确定它是否正确。

    <html>
<head>
<title> Test </title>
<style type="text/css">
.poz
{
position:absolute;bottom:15px; right:10px;
}
</style>
</head>
<body>
<form>
<input type="text" name="email"; div class="poz"/></div>
</form>
 </body>
</html>

我的意思是，我不确定是否可以将这部分代码“div class =”poz“/＆gt;”

Answer 1

绝对无效的HTML。我将该类放在表单元素上并删除结束＆lt; / div＆gt; （这使得HTML无效）。

<form class="poz">
<input type="text" name="email"/>
</form>

Answer 2

＆＃13;

.poz{
  position: absolute;
  bottom: 5px;
  right: 10px;
}

＆＃13;

<input type="text" class="poz">

＆＃13;

稍微整理你的代码。

<html>
<head>
<title> Test </title>
<style type="text/css">
.poz
{
position:absolute;bottom:15px; right:10px;
}
</style>
</head>
<body>
<form>
<input type="text" name="email" class="poz">
</form>
 </body>
</html>

如何将文本框放在页面底部的右上角

2 个答案: