Question

为什么我的repeater比div大?

<div id="RepeaterF">
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<div id="rpForumTitle">
<ul>
<li style="width: 350px">主题</li>
<li style="width: 60px;">回复/人气</li>
<li style="width: 100px">发表</li>
<li style="width: 100px">回复</li>
</div>
</HeaderTemplate>
<ItemTemplate>
<div id="rpForumContent">
<ul>
<li style="width: 350px;">
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "../pages/bbs_cmt.aspx?tid="+DataBinder.Eval(Container.DataItem,"auto_tpc_id")+"&&p=1" %>'><%# DataBinder.Eval(Container.DataItem,"tpc_title") %>
</asp:HyperLink>
<%# SetPagelink(DataBinder.Eval(Container.DataItem, "count_cmt"), DataBinder.Eval(Container.DataItem, "auto_tpc_id"))%>

</li>
<li style="width: 60px;">
<%# Eval("count_cmt")%>
/
<%# Eval("count_read")%>
</li>
<li style="width: 100px; height: 40px; padding-top:4px;">
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# "../pages/userinfo.aspx?uid="+DataBinder.Eval(Container.DataItem,"tpc_uid")+"&&p=1" %>'><%# DataBinder.Eval(Container.DataItem, "tpc_nick")%>
</asp:HyperLink><br />
<%# Eval("tpc_date", "{0:yy-MM-dd hh:mm}")%>
</li>
<li style="width: 100px; height: 40px; padding-top:4px;">
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# "../pages/userinfo.aspx?uid="+DataBinder.Eval(Container.DataItem,"lstcmt_uid")+"&&p=1" %>'><%# DataBinder.Eval(Container.DataItem, "lstcmt_nick")%>
</asp:HyperLink><br />
<%# Eval("lstcmt_date", "{0:yy-MM-dd hh:mm}")%>
</li>
</ul>
</div>
</ItemTemplate>
</asp:Repeater>
</div>

这是我的代码.
明明我的repeater包在div里面
但是我div的背景色却从repeater的头部开始.并且在repeater数据的底部的上方就结束了.
也就是说面积比repeater小.
怎么回事?

Answer 1

把CSS样式的宽度定死它，比如 500.别写成20%之类的，你看看你设置repeater的大小是多少，肯定比你DIV的宽度大
<li style="width: 350px">主题</li>
<li style="width: 60px;">回复/人气</li>
<li style="width: 100px">发表</li>
<li style="width: 100px">回复</li>
你这一共就占610宽度了，你Div设的多少

Answer 2

<div id="RepeaterF">
<asp:Repeater ID="Repeater1" runat="server">
你没有设置宽高的属性...