我刚刚编写了一个HTML表单,并且我很难将注释字段与文本字段右侧对齐。
我有3个文本字段uunder彼此,我想让评论文本字段对齐他们的权利,我已经尝试浮动它正确,然后给它一个负顶部pargin移动它内联但文本我想说'评论'不是浮动文本字段,因为它没有类
有更简单的方法吗?
<style type="text/css">
![enter image description here][1]<!--
body {
background-color: #FFF;
}
#form {
width:960px;
background-color:#edf8ff;
height:650px;
}
.gezza-form {
width:894px;
margin:0 auto;
margin-top:20px;
}
.gezza-field {
width:437px;
height:75px;
margin-bottom:10px;
border: 1px solid #d9e7f1;
}
.gezza-comments{
width:437px;
height:300px;
float:right;
margin-top:-80px;
}
-->
</style></head>
<body>
<div id="form">
<form action="" class="gezza-form" method="post" >
First Name<br />
<input name="firstname" type="text" class="gezza-field" /><br/>
Last Name<br />
<input name="lastname" type="text" class="gezza-field" /><br/>
Email Address<br />
<input name="email" type="text" class="gezza-field" />
Comments<textarea name="comments" cols="" rows="" class="gezza-comments" ></textarea>
</form>
</div><!-- close form -->
这就是我想要实现的目标
答案 0 :(得分:1)
您可以创建两个div来保存其他元素并将它们排列在一起。
您可以使用表格并加入单元格来保留评论部分。
答案 1 :(得分:0)
如果您将.gezza-field更改为:
.gezza-field {
width:437px;
height:75px;
margin-bottom:10px;
border: 1px solid #d9e7f1;
float:left;
}