li嵌套ul在ie下的bug

<ul>
    <li>
        <dl>
            <dt>话费</dt>
            <dd>
                <ul>
                    <li>话费直充</li>
                    <li>话费直充</li>
                    <li>话费直充</li>
                    <li>话费直充</li>
                    <li>话费直充</li>
                </ul>
            </dd>
        </dl>
    </li>
</ul>

像这样的ul li嵌套，在ie下，父级ul与子级ul直接会产生一个间隔。如下图：

解决方法：

给父级li加上 style="display:inline"或者style="float:left"

<ul>
    <li style="display:inline">
        <dl>
            <dt>话费</dt>
            <dd>
                <ul>
                    <li>话费直充</li>
                    <li>话费直充</li>
                    <li>话费直充</li>
                    <li>话费直充</li>
                    <li>话费直充</li>
                </ul>
            </dd>
        </dl>
    </li>
</ul>

转载于:https://www.cnblogs.com/shiloh/archive/2012/04/19/2456884.html