当我在导航中有两个 ul 时，如何避免在 IE7 中换行？

Question

在ie8或者firefox浏览器下，我的代码运行良好，两个ul在同一个line.But我在ie7的时候，两个ul在不同的行，如何在同一行ie7?

<DIV id='navigation'>
<ul><li><span> leftspan </span></li></ul>
<ul style='float:right;'>
   <li><span> leftspan </span></li>
    <li><a href="http://www.google.com"
        target="_blank">google</a></li>
    <li><a href="http://www.apple.com"
        target="_blank">apple</a></li>
 </ul></DIV>

Answer 1

当使用浮动时，浮动元素应该在 DOM 树中排在第一位。

<div id='navigation'>
<ul style='float:right;'>
   <li><span> leftspan </span></li>
   <li><a href="http://www.google.com"
        target="_blank">google</a></li>
   <li><a href="http://www.apple.com"
        target="_blank">apple</a></li>
 </ul>
 <ul>
   <li><span> leftspan </span></li>
 </ul>
</div>

这应该适用于 IE7（它适用于模拟器）

当我在导航中有两个 ul 时，如何避免在 IE7 中换行？

How to avoid wrap in IE7 when I have two ul in a navigation?

html

css

internet-explorer

internet-explorer-7