使用UL LI进行列表是height:100%造成的IE兼容模式与极速模式显示样式

最新推荐文章于 2022-10-30 10:10:45 发布

子墨爸爸

最新推荐文章于 2022-10-30 10:10:45 发布

阅读量1.6k

点赞数

分类专栏： Css 文章标签：兼容兼容与极速

本文链接：https://blog.csdn.net/wupd2014/article/details/47420749

版权

Css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

                    <div class="notice_main">
                        <ul id="noticeList" runat="server">
                        </ul>
                    </div>

样式：

.notice_main {
    height: 296px;
    border: 1px solid #d9e5ed;
}

    .notice_main ul {
        padding: 0 5px;
    }

        .notice_main ul li {
            background: url(../images/point.jpg) 0 10px no-repeat;
            padding-left: 10px;
            line-height: 25px;
            /*height: 100%;*/
            overflow: hidden;
        }

            .notice_main ul li p {
            }

            .notice_main ul li span {
                display: block;
                float: left;
                margin-right: 10px;
            }

C#后台

            DataTable dtP = NewsArticle.getDs(where, number);
            foreach (DataRowView drv in dtP.DefaultView)
            {
                sb.Append("<li>");
                if (drv["hot"].ToString() == "1")
                {
                    sb.Append("<p><a target='_blank'  title='" + drv["title"].ToString() + "' href=\"Pages/NewsDetail.aspx?articleid=" + drv["articleid"].ToString().Trim() + "\"><font color=\"red\">" + getLength(drv["title"].ToString().Trim(), 27) + "</font></a></p>");
                }
                else
                {
                    sb.Append("<p><a target='_blank'  title='" + drv["title"].ToString() + "' href=\"Pages/NewsDetail.aspx?articleid=" + drv["articleid"].ToString().Trim() + "\">" + getLength(drv["title"].ToString().Trim(), 27) + "</a></p>");
                }
                sb.Append("<span class=\"f66\">" + getFormatDate(drv["modifydate"].ToString().Trim()) + "</span>");
                TimeSpan ts = DateTime.Now - DateTime.Parse(drv["modifydate"].ToString().Trim());
                double dDays = ts.TotalDays;//带小数的天数，比如1天12小时结果就是1.5    
                if (dDays <= 2)
                {
                    //两天内的新闻添加“New”图标
                    sb.Append("<span><img src=\"images/new.gif\" /></span>");
                }
                sb.Append("</li>");
            }
            this.noticeList.InnerHtml = sb.ToString();

当height:100%导致360浏览器下极速模式与兼容模式显示的数目不正确，因此解决办法是不设置height