我的额头因对此问题感到沮丧而受伤.在符合标准的浏览器中,我的布局看起来不错,但是IE7和IE6当然会让所有事情变得一团糟.我正在尝试制作一个简单的标题,该标题的左边有一些文本,右边有一个内联表单.标头宽835像素,使用自动边距居中.这是我的代码：
<div id="header">
<span>Some Text</span>
<div style="display: inline; float: right; margin-top: 6px; position: relative;">
Jump to: <form ... style="display: inline;"> blah blah </form>
</div>
</div>
据我所知,IE6 / 7正在将包含表单的div视为一个块元素.它正确显示在标题div的右侧,但被向下推.我尝试给内部div一个宽度和绝对位置,但无济于事.实际上,如果可能的话,我实际上想避免绝对定位和条件语句.我必须忽略一些东西.有什么建议么？
更新：这是IE7的屏幕截图
alt text http://vincentalcivar.com/ie7.png
最佳答案
更改< span>某些文本< / span>到< span style =“ float：left;”> Some Text< / span>.
另外,您可能要删除以删除margin-top：6px;职位：相对来自DIV.
编辑：这是代码.
<div id="header">
<span style="float: left;">Some Text</span>
<div style="display: inline; float: right;">
Jump to: <form style="display: inline; margin: 0;"> blah blah </form>
</div>
</div>
