程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> js-如何把這個DIV移動到下方

js-如何把這個DIV移動到下方

編輯:編程解疑
如何把這個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>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved