我有一套< li>无序列表中的元素。这些物品都是左侧浮动的,它们之间有一点空间。问题是,最后一个列表项被包装(不在列表的末尾,但最左边是新行)。我不知道为什么。 Mac Safari和IE 7的渲染效果很好。
li项目的CSS将它们向左浮动:
list-style: none;
float: left;
padding: 1px 1px 0 1px;
margin-right: 1px;
border: 1px solid #2A3139; /* to hold space for hover border */
另一个事实:无序列表在div中(用于剪切目的;列表水平滚动); < ul>的CSS指定:
overflow: none;
position: relative;
(虽然我不认为这与问题有关......但人们永远不知道)
答案 0 :(得分:1)
容器的宽度是否足够宽,以容纳所有li
元素的宽度加上它们的边距和边框?如果没有,如果没有足够的空间,浮动将包裹到下一行。