开发者社区 问答 正文

如何把这个DIV移动到下方

screenshot

<%@ 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>

展开
收起
小旋风柴进 2016-03-16 10:08:31 2309 分享 版权
1 条回答
写回答
取消 提交回答
  • 清浮动

    <div class="bingrenguanhli" style="text-align:center;clear:both">
            <button class="cx">核收</button>
            <button class="cx">退出</button>
        </div>
    2019-07-17 19:03:28
    赞同 展开评论
问答分类:
问答地址: