jQuery MiniUI

 找回密码
 立即注册
查看: 4000|回复: 1
打印 上一主题 下一主题

mini-textbox 在 div 中 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2013-9-18 14:41:07 |只看该作者 |倒序浏览
本帖最后由 heng 于 2013-9-18 15:02 编辑


如图,有两列,第一列是mini-textbox,第二列是普通的<input>,每列50行,当超出页面高度时,出现了两个滚动条,第一列的文本mini-textbox框悬浮在div层上面,并且里面的滚动条控制div,外面的滚动条控制页面,我该如何写代码才能将悬浮在上面的mini-textbox放到div里面呢(同第二列input效果似的),并且只留一个滚动条?谢谢!!
补充:个人觉得是mini-textbox 样式导致的,怎么进行调整?谢谢!!


代码如下test.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
        String path = request.getContextPath();  //输出内容:"/gongping"
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>数据字典</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="<%=path %>/web/common/demo.css" rel="stylesheet" type="text/css" />
        <script src="<%=path %>/scripts/boot.js" type="text/javascript"></script>
</head>
<body>
        <style type="text/css">
            html, body
            {
                font-size:12px;
                padding:0;
                margin:0;
                border:0;
                height:100%;
                overflow:auto;
            }
    </style>

    <form id="form1" method="post">
        <input name="tdd_id" class="mini-hidden" />
        <fieldset style="border:solid 1px #aaa;padding:3px;">
            <legend >必填信息</legend>
                <div style="padding-left:29px;padding-top:15px;">
                    <% for(int i=0;i<50;i++){ %>
                    <div>
                            <div style="float:left">名称1:</div>
                            <div style="float:left">
                                    <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                            </div>
                            <div style="float:left">名称2:</div>
                            <div>
                                    <input  />
                            </div>
                    </div>
                    <% } %>
                </div>
            </fieldset>
            <fieldset style="border:solid 1px #aaa;padding:3px;">
            <legend >基本信息</legend>
                <div style="padding-left:29px;padding-top:15px;">
                    
                    <% for(int i=0;i<10;i++){ %>
                    
                    <% } %>
                    
                </div>
            </fieldset>
        <div style="text-align:center;padding:10px;">               
            <a class="mini-button" style="width:60px;margin-right:20px;">确定</a>
            <a class="mini-button" style="width:60px;">取消</a>
            <input name="javaBean" class="mini-hidden" value="com.gongping.sys.dataDictionary.DataDictionaryBean"/>
            <input name="tdd_type" class="mini-hidden" value=""/>
        </div>        
    </form>
    <script type="text/javascript">
        mini.parse();


    </script>

</body>
</html>



附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 9Rank: 9Rank: 9

沙发
发表于 2013-9-18 15:26:13 |只看该作者
在div的style="position:relative"试试

Archiver|普加软件

GMT+8, 2025-7-11 12:23 , Processed in 1.023266 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部