div 大小自适应的有关问题
日期：2014-05-16 浏览次数：20384 次
div 大小自适应的问题
<!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>Splitter</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="../theme/default/style.css"type="text/css">
<link rel="stylesheet" href="../css/map-style.css" type="text/css">
<link href="../css/demo.css" rel="stylesheet" type="text/css" />
<script src="../scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="../scripts/miniui/miniui.js" type="text/javascript"></script>
<link href="../scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<link href="../scripts/miniui/themes/icons.css" rel="stylesheet" type="text/css" />
<script t type="text/javascript" src="../lib/OpenLayers.js"></script>
<script t type="text/javascript" src="../js/custom-map-operator.js"></script>
<script t type="text/javascript" src="../js/custom-map-trunck.js"></script>
<script type="text/javascript">
</script>
<style type="text/css">
#text {
position: absolute;
top: 5em;
right: 1em;
width: 100px;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
</style>
</head>
<body style="width:99%;height:100%;margin:0px 0px 0px 0px" onload="init()">
</div>
<div id="map" style="width:100%; height:94%; border: 2px solid #ccc; "></div>
<div id="text" style=" border: 2px solid #ccc; " >
<p>临时订阅组</p>
</div>
</div>
<div showCollapseButton="true" minSize="0" size="0">
<input value="增加图层" type="button" onclick="addLayer()"></input>
</div>
</div>
<script type="text/javascript">
mini.parse();
function init(){
}
var listId=0;
var count=0;
var linshi="linshi_"
function addLayer(name,color ){
var name="ccc";
var color="#FF0000"
listId++;
count++;
if(count>10){
alert("只允许10条线路的添加！！");
return false;
}
$('#text').append(
'<div style="display:inline" id=linshi_'+listId+'>' +
'<input type=checkbox id=check_'+listId+' onclick="check(this)"/>' +
'<p style="display:inline;color:'+color+'" >'+name+'</p> ' +
'<img src="../scripts/miniui/themes/icons/remove.gif" alt="删除临时订阅" onclick="removeLayer(this)" name=linshi_'+listId+' /></div></br&g
<!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>Splitter</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="../theme/default/style.css"type="text/css">
<link rel="stylesheet" href="../css/map-style.css" type="text/css">
<link href="../css/demo.css" rel="stylesheet" type="text/css" />
<script src="../scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="../scripts/miniui/miniui.js" type="text/javascript"></script>
<link href="../scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<link href="../scripts/miniui/themes/icons.css" rel="stylesheet" type="text/css" />
<script t type="text/javascript" src="../lib/OpenLayers.js"></script>
<script t type="text/javascript" src="../js/custom-map-operator.js"></script>
<script t type="text/javascript" src="../js/custom-map-trunck.js"></script>
<script type="text/javascript">
</script>
<style type="text/css">
#text {
position: absolute;
top: 5em;
right: 1em;
width: 100px;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
</style>
</head>
<body style="width:99%;height:100%;margin:0px 0px 0px 0px" onload="init()">
</div>
<div id="map" style="width:100%; height:94%; border: 2px solid #ccc; "></div>
<div id="text" style=" border: 2px solid #ccc; " >
<p>临时订阅组</p>
</div>
</div>
<div showCollapseButton="true" minSize="0" size="0">
<input value="增加图层" type="button" onclick="addLayer()"></input>
</div>
</div>
<script type="text/javascript">
mini.parse();
function init(){
}
var listId=0;
var count=0;
var linshi="linshi_"
function addLayer(name,color ){
var name="ccc";
var color="#FF0000"
listId++;
count++;
if(count>10){
alert("只允许10条线路的添加！！");
return false;
}
$('#text').append(
'<div style="display:inline" id=linshi_'+listId+'>' +
'<input type=checkbox id=check_'+listId+' onclick="check(this)"/>' +
'<p style="display:inline;color:'+color+'" >'+name+'</p> ' +
'<img src="../scripts/miniui/themes/icons/remove.gif" alt="删除临时订阅" onclick="removeLayer(this)" name=linshi_'+listId+' /></div></br&g
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
