如何把这个DIV移动到下方

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <link href="<%=path %>/css/main.css" rel="stylesheet">
</head>

<body>
    <div class="bingrenguanhli">
        当前序号:<input>
        条码号:<input>
        <button class="cx">确定</button>
        <select>
            <option>条码号</option>
            <option>申请单号</option>
        </select>
    </div>

    <div style="float:left; width:800px; height:100px;" class="bingrenguanhli">
        <table style="width: 100%">
            <tr class="bk">
                <td>序号</td>
                <td>条码</td>
                <td>患者</td>
                <td>科室</td>
                <td>性别</td>
                <td>年龄</td>
                <td>优先</td>
                <td>病床</td>
                <td>收费类别</td>
            </tr>
            <tr>
                <td>2</td>
                <td>1410306046</td>
                <td>李长芳</td>
                <td>心内二科一组</td>
                <td>女</td>
                <td>58岁</td>
                <td>常规</td>
                <td>10床</td>
                <td>自费</td>
            </tr>
            <tr>
                <td>3</td>
                <td>1410306046</td>
                <td>李长芳</td>
                <td>心内二科一组</td>
                <td>女</td>
                <td>58岁</td>
                <td>常规</td>
                <td>10床</td>
                <td>自费</td>
            </tr>
        </table>
    </div>
    <div style="float:left; width:300px; height:100px;" class="bingrenguanhli">
        <table style="width: 100%">
            <tr>
                <td>序号</td>
            </tr>
            <tr>
                <td>尿常规</td>
            </tr>
        </table>
    </div>
    <div style="float:left; width:800px;" class="bingrenguanhli">
        共有n条记录
    </div>
    <div style="float:left; width:300px;" class="bingrenguanhli">
        共有n项
    </div>
    <div style="text-align:center;" class="bingrenguanhli">
        <button class="cx">核收</button>
        <button class="cx">退出</button>
    </div>
</body>
</html>

清浮动


<div class="bingrenguanhli" style="text-align:center;clear:both">
        <button class="cx">核收</button>
        <button class="cx">退出</button>
    </div>

给这个div定个宽，或者改为display:block

前一个div结束加个br换行可以吗

clear:both

清除浮动应该是可以的

核收
退出
把style="text-align:center;"改为 style="text-align:center; clear:left;"

.1 {position:relative;}
.2 {position:absolute;left;0;bottom:0;}
#HTML

改样式表，添加一行：

 .bingrenguanhli {clear:both;}

是一会position 绝对位置与相对位置