Question

DIV+CSS、dreamweaver新手提问，帮忙看一下，不知道哪里出错了。

代码：
<div id="search">
<input name="text" type="text" class="srh_text"/><input name="btn" type="submit" value="" class="srh_btn" />
</div>

CSS样式：
#search { float:right; margin-top:54px; overflow:hidden;}
.srh_text { background:url(img/srh_text.gif) no-repeat 0 0; padding-left:10px; width:154px; height:25px;border:none;}
.srh_btn { background:url(img/srh_btn.gif) no-repeat 0 0; width:64px; height:25px; border:none;}
#search * { vertical-align:middle;}

刚开学这个，代码是这样的，但是总是这个地方出错，不知道是怎么回事，麻烦熟手指点一下，万分感激。

Answer 1

加上这一句css样式试一下：*{ margin:0; padding:0;}，
默认的块级元素的样式会有一个margin值和padding值，值的大小根据每个浏览器而不同，所以写页面的时候要先把样式的margin和padding归0；*表示所有的标签，你也可以只写用到的标签：比如body,html,div,p.....{ margin:0; padding:0}

如果以上都不行的话，可以设置“搜索”按钮的padding值为负的就可以了，也可以用定位实现

Answer 2

1、两个input之间不要有空格和换行
2、通配符选择器存在兼容，改成
--------------------

#search input{ vertical-align:middle;}
--------------------

Answer 3

margin:0;padding:0;
然后使用float:left就可以了

Answer 4

padding-left:10px；

去掉试下。。

Answer 5

srh_text ，srh_btn 使用float:left