u013179958
CSDNRGY
2016-02-16 07:03
采纳率: 99.5%
浏览 3.1k

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

    清浮动

    
    <div class="bingrenguanhli" style="text-align:center;clear:both">
            <button class="cx">核收</button>
            <button class="cx">退出</button>
        </div>
    
    点赞 评论
  • suchen9209
    suchen9209 2016-02-16 07:05

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

    点赞 评论
  • u011067688
    咚咚swwadaw 2016-02-16 07:20

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

    点赞 评论
  • zhangmingilove
    zhangmingilove 2016-02-16 07:37

    clear:both

    点赞 评论
  • diaoliwei2
    DreamTHT 2016-02-16 07:49

    清除浮动应该是可以的

    点赞 评论
  • CYFDesigner
    CYFDesigner 2016-02-16 09:44


    核收
    退出
    把style="text-align:center;"改为 style="text-align:center; clear:left;"
    点赞 评论
  • Mr_dsw
    Antway_ 2016-02-16 14:10

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

    
    
    点赞 评论
  • WinsenJiansbomber
    Jimbo 2016-02-16 14:32

    改样式表,添加一行:

     .bingrenguanhli {clear:both;}
    
    点赞 评论
  • sj18182656342
    黄河默默 2016-02-17 00:15

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

    点赞 评论

相关推荐