jQuery MiniUI
标题:
mini-textbox 在 div 中
[打印本页]
作者:
heng
时间:
2013-9-18 14:41:07
标题:
mini-textbox 在 div 中
本帖最后由 heng 于 2013-9-18 15:02 编辑
[attach]2897[/attach]
如图，有两列，第一列是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
时间:
2013-9-18 15:26:13
在div的style="position:relative"试试
欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)
Powered by Discuz! X2