form两个元素底部不对齐为什么

Question

html代码:<form>   <input type="text" value="请输入产品或问题">   <input type="button"> </form>CSS代码:input[type=text]{width:434px;                 height:41px; color:rgb(179,179,179); font-size:12px;                } input[type=button]{              background-image:url(search.png);              width:42px;      height:41px;              border:none; } form{font-size:0px;}请问是哪出问题了,应该怎样改动.谢谢

Answer 1

在两个input 样式中设置 vertical-align:bottom;

望采纳！

Answer 2

form外层放一个div，高度设置成内容高度，宽度设置成内容宽度，然后文本框：float:left;display:inline;按钮：float:right;display:inline;即可