HTML: #theline { margin: 0px auto; border: #dcdcdc 1px solid; width: 760px; background: #f7f7f7; } #leftiframe { float: left; padding: 2px 0px 0px 0px; width: 330px; text-align: left; } #rightline { float: right; padding: 4px 10px 0px 0px; width: 420px; text-align: right; } #logo { clear: both; margin: 0px auto; width: 760px; background: #fff; } #leftlogo { float: left; padding: 10px 0px 0px 0px; width: 180px; text-align: left; } #rightlogo { float: right; padding: 10px 0px 0px 0px; width: 580px; } #dh { clear: both; margin: 10px auto; border: #ffcf5f 1px solid; padding: 2px 0px; width: 760px; background: #fff7d6; text-align: left; } HTML: <div id="theline"> <div id="leftiframe"><iframe name="left" src="http://127.0.0.1" width="100%" height="24" frameborder="0" scrolling="no"></iframe></div> <div id="rightline"><a href="http://127.0.0.1/" target="_blank"><span class="fontline">首页</span></a></div> </div> <div id="logo"> <div id="leftlogo"><a href="http://127.0.0.1/"><img src="http://127.0.0.1/css/logo.gif" alt="CN" border="0" /></a></div> <div id="rightlogo">486x60banner</div> </div> <div id="dh">导航</div> margin前面的10px的值在IE可以表现出来，但到firefox却没效果，怎么回事啊？上面的banner与导航之前没空隙，谁能帮我看看~谢谢！
这个auto是起到在firefox中居中的作用， 谢谢啊，直接在logo中添加："height: 80px"，把"margin: 10px auto;"改成"margin: 0 auto;"就可以实现了在firefox和IE中banner486x60与导航之间有20px的空隙，一直都没注意高度这个属性，原来还可以这么用。