设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › mini-textbox 在 div 中
返回列表 发新帖
查看: 4000|回复: 1
打印 上一主题 下一主题

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

heng

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>



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

举报

niko

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.

回顶部