Question

所以我已经尝试了几乎所有在这里发布的解决方案，以便让列表项在IE10中向左浮动。它适用于IE8和9，但出于某种原因，它在10中将它们叠加在一起。

我尝试更改doctype以包含：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我也尝试将容器div设置为溢出：隐藏，我对li元素做了同样的事情，并且还删除了项目的边距。有人建议设置li项的宽度，但鉴于这是可更新的文本，我不能这样做。我也试过使用display：inline-block。一切都没有解决......

这是一个代码snippit：

    <ul id="menu-main-menu-left" class="main-menu">
      <li id="menu-item-14" class="menu1" link="http://placehold.it/300/ea3e59&amp;text=sandals"><a rel="menuitem">Sandals</a></li>
      <li id="menu-item-34" class="menu2" link=""><a href="http://ssekodesigns.lc/how-to-tie/">How To Tie</a></li>
      <li id="menu-item-16" class="menu3" link="http://placehold.it/300/ea3e59&amp;text=leatherbags"><a rel="menuitem">Leather Bags</a </li>
    </ul>

    .main-menu li{
   font-family: 'Josefin Slab', Times , sans-serif;
   font-weight:600;
   font-size:11pt;
   text-transform:uppercase;
   line-height:15pt;
   text-align:center;
   float:left;
   overflow: hidden;
   margin: 0;
    }

有没有人建议如何正确显示这些？

提前致谢。

Answer 1

通常可以通过在包含div上放置固定宽度来解决此问题。

列出IE10中未浮动的项目

1 个答案: