struts2 分页的样式问题，也就是“首页-上一页...刚刚好在输出完的内容下方”

[day_moon]

类似这种效果(输出完数据了，“首页-上一页..."就刚刚好在输出完数据的下面)：

但是有三个的内容就出问题了。（不改变div高度的情况，怎么改？）


页面代码：

<div style="float:left;width:800px;height:1000px;border:1px solid #CCC;margin-left:10px;">
<div style="width:776px;color:#000;
background-color:#F0F0F0;height:15px;padding:12px;">热门推荐</div>
<div style="width:750px;height: 220px;margin-left:20px;margin-top:20px;">
<!-- 循环输出 -->
<s:iterator id="list" value="booklist">
<div style="float:left;width:335px;height:200px;border:1px solid #CCC;margin:10px;">
<img src="<s:property value="bookurl"/>" style="width:150px;height:200px;float:left;"/>
<ul style="float:left;margin:0px;padding-left:8px;">
<li style="line-height:15px;font-size:18px;margin-top:8px;"><s:property value="title"/></li>
<li style="line-height:15px;font-size:12px;color:#CCC;margin-top:5px;margin-left:3px;"><s:property value="author"/></li>
<li style="margin-top:20px;font-size:12px;color:#CCC;width:170px"><s:property value="bookdescribe"/></li>
</ul>
</div>
</s:iterator>

</div>
<div style="width:200px;margin-left:500px;border:1px solid #E0E0E0;">
<s:set name="pageNo" value="pageNo"></s:set>
<s:set name="totalPage" value="totalPage"></s:set>

<!-- 只有一页 -->
<s:if test="#pageNo==1 && #pageNo==#totalPage">
首页 上一页 下一页 末页
</s:if>
<!-- 最后一页 -->
<s:elseif test="#pageNo==#totalPage">
<a href="more.action?type=1&&pageNo=1">首页</a> <a href="more.action?type=1&&pageNo=${pageNo-1 }">上一页</a> 下一页 末页
</s:elseif>
<!-- 第一页的情况 -->
<s:elseif test="#pageNo==1">
首页 上一页 <a href="more.action?type=1&&pageNo=${pageNo+1 }">下一页</a> <a href="more.action?type=1&&pageNo=${totalPage }">末页</a>
</s:elseif>
<!-- 其他 -->
<s:else>
<a href="more.action?type=1&&pageNo=1">首页</a> <a href="more.action?type=1&&pageNo=${pageNo-1 }">上一页</a>
<a href="more.action?type=1&&pageNo=${pageNo+1 }">下一页</a> <a href="more.action?type=1&&pageNo=${totalPage }">末页</a>
</s:else>
</div>
</div>

xml配置：
<action name="more" class="com.reception.action.BookMoreAction">
<result name="hot" type="dispatcher">/recption/hotmore.jsp</result>
</action>

action类：
private List booklist = new ArrayList(); //图书列表
private int pageNo = 1;//当前页，默认第一页
private int pageSize = 3;//每页记录数，默认5条
private long totalPage;//总页数
BookBiz biz=new BookBiz();
Map map = biz.getBookListByName(pageNo,pageSize,type);

//取出分页数据
booklist=(List)map.get("list");
pageNo =(Integer)map.get("pageNo");
totalPage =(Long)map.get("totalPage");
switch(type)
{
case 1:
result="hot"; //热门推荐
break;
}

1、如果有一、两本书就正常显示，但是超过三本样式就变了，我想要的是无论有多少本样式，还是像有1、2本一样，分页导航在输出完数据的下方（也就是动态加载数据）。

[kx00450]

<div style="width:200px;margin-left:500px;border:1px solid #E0E0E0;"> 在分页信息前这行代码前加一个分隔，清除上面商品的浮动。 <div style="clear:both;display:block;font-size:1px;overflow:hidden;height:1px;"></div>

[day_moon]

已经设置了，还是没有起作用。