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>
posted @ 2012-04-19 12:27  shiloh  阅读(426)  评论(0编辑  收藏  举报