Question

我有以下代码：

DIV><TABLE><TBODY><TR><TD>
<DIV id="namesClass" style="WIDTH: 700px">
    <UL style="MARGIN-LEFT: 0px! important; LIST-STYLE-TYPE: none! important">
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Construction hotel</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Associations hotel</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Hotels &amp; Resorts</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Publishers - Directory &amp; Guide hotel</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Advertising Specialties hotel</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Cameras hotel</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Photographic Equipment &amp; Supplies</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Premium Goods &amp; Gift</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Air Conditioning Equipment &amp; Systems hotel</LI>
        <LI style="PADDING-RIGHT: 5px; FLOAT: left">Alcohol hotel</LI>
    </UL></DIV>

</TD><TD vAlign="bottom"><DIV id="moreClass"><SPAN><A href="javascript:addClassifications();">More...</A></SPAN></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>

问题是：当li的内容长于div的宽度时，内容会中断但不会开始新行。在IE中进行测试时，您可以看到结果。 Firefox和其他人似乎没问题。有什么帮助吗？

Answer 1

尝试不浮动但显示：内联; lis并在CSS中设置一些空格设置

Answer 2

尝试在lis上设置宽度
尝试设置溢出：隐藏在父ul

Answer 3

规则1.如果浮动元素，中包含的元素必须具有宽度。

规则2.内联CSS浪费空间并模糊正在发生的事情。

IE中的CSS问题

3 个答案: