我遇到的问题是，当我尝试在javascript中加载 dashboard.html ，然后将<div id="dash" style="..."></div>放在<div id="toolbar">以下时，整个 dashboard.html < / strong>文件是不可见的？但是，如果我将<div id="toolbar">置于<div id="dash" style="..."></div>之下，那么 dashboard.html 是否可见？我希望工具栏在上方而不是下方，我怎样才能使这个工作？
index.html（这不起作用，因为短划线位于工具栏下方。）
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src="canvasjs-1.6.2/canvasjs.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script>
$(function(){
$("#toolbar").load("TopNavigationBar.html");
$("#dash").load("dashboard.html");
});
</script>
</head>
<body>
<div id="toolbar">
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
</body>
</html>
index.html（这是因为短划线位于工具栏上方。）
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src="canvasjs-1.6.2/canvasjs.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script>
$(function(){
$("#toolbar").load("TopNavigationBar.html");
$("#dash").load("index.html");
$("#selectTable").load("ListOfTableSensors.html");
});
</script>
</head>
<body>
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
<div id="toolbar">
</body>
</html>
答案 0 :(得分：2)
您需要关闭
<div id="toolbar"></div>
将其更改为
<div id="toolbar">Hello</div>
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
它应该做你想要的。
试试
hello您将看到dash以上handles.edit_box div。
答案 1 :(得分：0)
我猜你忘了关闭工具栏div。
答案 2 :(得分：0)
复制此代码。你忘了用id =＆＃39;工具栏＆＃39;关闭你div。 。
<div id="toolbar"></div>
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
答案 3 :(得分：0)
试试这个css ::
#toolbar {display:block;clear:both;height:auto;}