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

建议你使用火狐浏览器的firebug来调整页面的布局、排版的css问题，相当实用方便，我敢肯定，只要你敢去用，那么你一定会爱上它。但是它并不能够解决兼容性问题，只能让你先得到一个正确的页面，在其他浏览器中出现的问题，再找相应的hack就好了。

Answer 2

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em {
margin:0;
padding:0;
border:0;
}

以后在制作网页的时候加上这段CSS，就能有效解决这些间距问题。

Answer 3

有些元素自动就有margin属性，css开始位置打上一个*{margin:0;padding:0;}试试

Answer 4

因为ie浏览器的兼容性问题，我建议每个input的外面再加一个div来控制其位置。比如：

<div id="search">
<div class=""><input xxxxx/></div>
<div class=""><input type="button"></div>
</div>

Answer 5

加一个大div不让它浮动，clear:both