IE7重叠问题

最新推荐文章于 2024-12-30 10:50:02 发布

kavendb

最新推荐文章于 2024-12-30 10:50:02 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： ie 化工

本文链接：https://blog.youkuaiyun.com/kavendb/article/details/3668825

本文介绍了一个在IE7浏览器中出现的两个UL元素重叠的问题，并通过为UL元素设置height:auto;来解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天遇到的新问题：在IE7下两个UL发生重叠现象！但是在FF和IE6下是正常的！到底是个怎么样的情况请看图

代码如下：

<div id="main-hot-ask-top">     
                                <ul>
                                    <li class="blue">厂家信息</li>
                                    <li style="padding-left:8px;">广州羊城风机厂</li>
                                    <li style="padding-left:8px;">广州戴维源净化工程有限公司</li>
                                </ul>       
                                
                                <ul>
                                    <li class="blue">价格参考 参数</li>
                                    <li style="padding-left:8px;">排烟风机   风量45000m3/h 全压400Pa 11KW</li>
                                    <li style="padding-left:8px;">价格：5720元/台</li>
                                    <li style="padding-left:8px;">风机盘管   风量=1500，功率=120w</li>
                                    <li style="padding-left:8px;">价格：1350元/台</li>
                                </ul>
                                <div class="clearing"></div>
                        </div>

CSS样式：

#main-hot-ask-top li
{
    text-align:left;
    width:98%;
    padding-left:1px;
    line-height:26px;
}

修改样式后代码：

#main-hot-ask-top ul
{
    height:auto;
}
#main-hot-ask-top li
{
    text-align:left;
    width:98%;
    padding-left:1px;
    line-height:26px;
}

在GG上搜到了一些内容也和这种情况类似！问题主要就是：IE7对高度的设置严格了！在没设高度或设高度不够时会发生重叠现象！所以我在UL设置了height:auto;,终于解决了重叠问题！