2 u013179958 u013179958 于 2016.02.16 15:03 提问

如何把这个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>

9个回答

showbo
showbo   Ds   Rxr 2016.02.16 15:34
已采纳

清浮动


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

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

suchen9209
suchen9209 囧,看了下楼下的,清浮动才是正道
接近 2 年之前 回复
u011067688
u011067688   2016.02.16 15:20

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

zhangmingilove
zhangmingilove   2016.02.16 15:37

clear:both

diaoliwei2
diaoliwei2   Rxr 2016.02.16 15:49

清除浮动应该是可以的

CYFDesigner
CYFDesigner   2016.02.16 17:44


核收
退出
把style="text-align:center;"改为 style="text-align:center; clear:left;"
Mr_dsw
Mr_dsw   Ds   Rxr 2016.02.16 22:10

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


WinsenJiansbomber
WinsenJiansbomber   2016.02.16 22:32

改样式表,添加一行:

 .bingrenguanhli {clear:both;}
sj18182656342
sj18182656342   2016.02.17 08:15

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!