如何让<form> div正确包装我的两个<input type =“button”/>按钮?</form>

时间:2010-07-30 14:50:05

标签: html css forms button css-float

出于某种原因,我的提交取消按钮没有包含在表单标记中,就像我希望它们是一样(当我将 float 属性分别设置为时,根据他们在HTML中的表单标记中的位置 。这两个按钮位于外面和外面。在最右边的表格div下面&amp;左侧。

链接到HTML & embedded CSS

alt text http://lh5.ggpht.com/_rNlSpSUBkYo/TFLpNgv4XkI/AAAAAAAAAE8/ocwa0uSzwX4/reply-float-form.png

我该如何制作它以便表格div包裹两个按钮,这样它们就不会出现在外面&amp;在表格div下面?​​

谢谢你 亚当

2 个答案:

答案 0 :(得分:2)

删除.cancel的浮点规则:

.cancel{/* no float */}

*在Chrome上测试

答案 1 :(得分:1)

看起来你需要清除花车。试一试。

<form action="#" method="get">
    <textarea name="Reply Textarea" type="text" rows="2" cols="40" wrap="soft"></textarea>
    <input id="buttons" class="submit" type="submit" value="Submit" />
    <input id="buttons" class="cancel" type="button" value="Cancel">
    <br style="clear: both;" />
</form>