搜索吧

首页 » 搜成宝库 » 疑难杂症 » DIV 重复显示内嵌datalist的最后一行
xiaoyaoyou - 2009-4-13 10:15:12
多个DIV 设置float属性实现布局时,宽度设为%值,结果在DIV外出现重复最后一行内容的情况,且选中重复的内容时,选中的是DIV里的最后一行.
    去掉float属性或去掉百分比宽度,恢复正常,实在是不知道是什么原因造成此现象,在此求解.
    经IE6,IE7测试均有此现象,现把代码贴出来,望高手指教:
<div style="width:90%;margin:0px auto;">   
        <!--工作记录-->
        <div style="width:33%;float:left; text-align:left;">
            <div style="padding-top:2px; background-color:#DDEDFD;width:98%;text-align:center;">
            <a href="/Default2.aspx?type=1" target="_blank">工作记录</a>
            </div>
            <div style="height:46px;border:solid 1px #ddeefd;width:98%;">
            <asp:DataList ID="jilulist" runat="server" BackColor="#DDEDFD" CellSpacing="1" BorderWidth="0" HorizontalAlign="left" CellPadding="4"
            FooterStyle-HorizontalAlign="Right" Width="100%" ItemStyle-HorizontalAlign="Left" ItemStyle-VerticalAlign="Middle">
                <ItemStyle BackColor="#ffffff" />
                <ItemTemplate>
                    <a href='/Detail.aspx?id=<%#DataBinder.Eval(Container.DataItem,"ID") %>'
                    target="_blank" title='<%# DataBinder.Eval(Container.DataItem,"Title") %>'>
                    <%# common.Left(DataBinder.Eval(Container.DataItem, "Title").ToString(), 10)%></a>
                    <%# Convert.ToDateTime(Eval("shiJian")).ToShortDateString()%>
                    <%# (DateTime.Now - Convert.ToDateTime(Eval("shiJian"))).Days < 2 ? "<span style='color:Red;'title='新'>N</span>" : ""%>
                    <%# Eval("huifuMember").ToString() == "0" ? "" : "<span style='color:Red;' title='有回复'>R</span>"%>
                    <%# Eval("jinJi").ToString() == "1" ? "<span style='color:Red;' title='紧急'>!</span>" : ""%>
                </ItemTemplate>
            </asp:DataList>
           <asp:Label ID="Emptyjilulist" runat="server" CssClass="hui" Visible="false">暂无工作记录</asp:Label>
           </div>
        </div>
        <!--工作记录结束-->
       
        <!--通知查看-->       
        <div style="width:34%;float:left; text-align:center;">
            <div style="padding-top:2px; background-color:#DDEDFD;width:98%;text-align:center;">
            <a href="/MessManage.aspx" target="_blank">通知查看</a>
            </div>
            <div style="height:233px;border:solid 1px #ddeefd;width:98%;">
            <asp:DataList ID="tongzhilist" runat="server" BackColor="#DDEDFD" CellSpacing="1" BorderWidth="0" HorizontalAlign="left" CellPadding="4"
            FooterStyle-HorizontalAlign="Right" Width="100%" ItemStyle-HorizontalAlign="Left" ItemStyle-VerticalAlign="Middle">
                <ItemStyle BackColor="#ffffff" />
                <ItemTemplate>
                    <a href='/Mess_Detail.aspx?id=<%#DataBinder.Eval(Container.DataItem,"ID") %>'
                    target="_blank" title='<%# DataBinder.Eval(Container.DataItem,"mess_Title") %>'>
                    <%# common.Left(DataBinder.Eval(Container.DataItem, "mess_Title").ToString(), 13)%></a>
                    <%# Convert.ToDateTime(Eval("mess_Date")).ToShortDateString()%>
                    <%# (DateTime.Now - Convert.ToDateTime(Eval("mess_Date"))).Days<2?"<span style='color:Red;'>新</span>":""%>
                    <%# Eval("jinJi").ToString()=="1"?"<span style='color:Red;'>急</span>":""%>
                </ItemTemplate>
            </asp:DataList>
           <asp:Label ID="Emptytongzhi" runat="server" CssClass="hui" Visible="false">暂无通知查看</asp:Label>
           </div>
        </div>
        <!--通知查看结束-->
       
        <!--个人记事-->       
        <div style="width:33%;float:left; text-align:right;">
            <div style="padding-top:2px; background-color:#DDEDFD;width:98%;text-align:center;">
            <a href="/Default2.aspx?type=4" target="_blank">个人记事</a>
            </div>
            <div style="height:233px;border:solid 1px #ddeefd;width:98%;">
            <asp:DataList ID="jishilist" runat="server" BackColor="#DDEDFD" CellSpacing="1" BorderWidth="0" HorizontalAlign="left" CellPadding="4"
            FooterStyle-HorizontalAlign="Right" Width="100%" ItemStyle-HorizontalAlign="Left" ItemStyle-VerticalAlign="Middle">
                <ItemStyle BackColor="#ffffff" />
                <ItemTemplate>
                    <a href='/Detail.aspx?id=<%#DataBinder.Eval(Container.DataItem,"ID") %>'
                    target="_blank" title='<%# DataBinder.Eval(Container.DataItem,"Title") %>'>
                    <%# common.Left(DataBinder.Eval(Container.DataItem, "Title").ToString(), 10)%></a>
                    <%# Convert.ToDateTime(Eval("shiJian")).ToShortDateString()%>
                    <%# (DateTime.Now - Convert.ToDateTime(Eval("shiJian"))).Days < 2 ? "<span style='color:Red;'title='新'>N</span>" : ""%>
                    <%# Eval("huifuMember").ToString() == "0" ? "" : "<span style='color:Red;' title='有回复'>R</span>"%>
                    <%# Eval("jinJi").ToString() == "1" ? "<span style='color:Red;' title='紧急'>!</span>" : ""%>
                </ItemTemplate>
            </asp:DataList>
           <asp:Label ID="Emptyjishi" runat="server" CssClass="hui" Visible="false">暂无个人记事</asp:Label>
           </div>
        </div>
        <!--个人记事结束-->
       
        <!--工作提问-->       
        <div style="width:34%;float:left; text-align:center;">
            <div style="padding-top:2px; background-color:#DDEDFD;width:98%;text-align:center;">
            <a href="/Default2.aspx?type=2" target="_blank">工作提问</a>
            </div>
            <div style="height:210px;border:solid 1px #ddeefd;width:98%;overflow:hidden;">
            <asp:DataList ID="tiwenlist" runat="server" BackColor="#DDEDFD" CellSpacing="1" BorderWidth="0" HorizontalAlign="left" CellPadding="4"
            FooterStyle-HorizontalAlign="Right" Width="100%" ItemStyle-HorizontalAlign="Left" ItemStyle-VerticalAlign="Middle">
                <ItemStyle BackColor="#ffffff" />
                <ItemTemplate>
                    <a href='/Detail.aspx?id=<%#DataBinder.Eval(Container.DataItem,"ID") %>'
                    target="_blank" title='<%# DataBinder.Eval(Container.DataItem,"Title") %>'>
                    <%# common.Left(DataBinder.Eval(Container.DataItem, "Title").ToString(), 10)%></a>
                    <%# Convert.ToDateTime(Eval("shiJian")).ToShortDateString()%>
                    <%# (DateTime.Now - Convert.ToDateTime(Eval("shiJian"))).Days < 2 ? "<span style='color:Red;'title='新'>N</span>" : ""%>
                    <%# Eval("huifuMember").ToString() == "0" ? "" : "<span style='color:Red;' title='有回复'>R</span>"%>
                    <%# Eval("jinJi").ToString() == "1" ? "<span style='color:Red;' title='紧急'>!</span>" : ""%>
                </ItemTemplate>
            </asp:DataList>
           <asp:Label ID="Emptytiwen" runat="server" CssClass="hui" Visible="false">暂无工作提问</asp:Label>
           </div>
        </div>
        <!--工作提问结束-->
       
        <!--工作建议-->       
        <div style="width:260;float:left;text-align:right;">
            <div style="padding-top:2px; background-color:#DDEDFD;width:98%;text-align:center;">
            <a href="/Default2.aspx?type=3" target="_blank">工作建议</a>
            </div>
            <div style="height:210px;border:solid 1px #ddeefd;width:98%;">
            <asp:DataList ID="jianyilist" runat="server" BackColor="#DDEDFD" CellSpacing="1" BorderWidth="0" HorizontalAlign="left" CellPadding="4"
            FooterStyle-HorizontalAlign="Right" Width="100%" ItemStyle-HorizontalAlign="Left" ItemStyle-VerticalAlign="Middle">
                <ItemStyle BackColor="#ffffff" />
                <ItemTemplate>
                    <a href='/Detail.aspx?id=<%#DataBinder.Eval(Container.DataItem,"ID") %>'
                    target="_blank" title='<%# DataBinder.Eval(Container.DataItem,"Title") %>'>
                    <%# common.Left(DataBinder.Eval(Container.DataItem, "Title").ToString(), 10)%></a>
                    <%# Convert.ToDateTime(Eval("shiJian")).ToShortDateString()%>
                    <%# (DateTime.Now - Convert.ToDateTime(Eval("shiJian"))).Days < 2 ? "<span style='color:Red;'title='新'>N</span>" : ""%>
                    <%# Eval("huifuMember").ToString() == "0" ? "" : "<span style='color:Red;' title='有回复'>R</span>"%>
                    <%# Eval("jinJi").ToString() == "1" ? "<span style='color:Red;' title='紧急'>!</span>" : ""%>
                </ItemTemplate>
            </asp:DataList>
           <asp:Label ID="Emptyjianyi" runat="server" CssClass="hui" Visible="false">暂无工作建议</asp:Label>
           </div>
        </div>
        <!--工作建议结束-->
   
    </div>
1
查看完整版本: DIV 重复显示内嵌datalist的最后一行