使用javascript加载到div中的内容显示在一个小正方形中
我一直在为一个我和一个朋友正在做的项目编写一个网站。我花了很多时间研究如何使用javascript将网站链接加载到一个“内容”分区。我已经让它正常工作了，第二个问题是：内容加载了，但位于“内容”分区内的一个小正方形内。我想知道如何调整分区内显示的内容的大小。下面是我的页面代码使用javascript加载到div中的内容显示在一个小正方形中,javascript,html,Javascript,Html,我一直在为一个我和一个朋友正在做的项目编写一个网站。我花了很多时间研究如何使用javascript将网站链接加载到一个“内容”分区。我已经让它正常工作了，第二个问题是：内容加载了，但位于“内容”分区内的一个小正方形内。我想知道如何调整分区内显示的内容的大小。下面是我的页面代码 <!DOCTYPE html> <html> <head> <meta content="text/html; charset=windows-1252" http-equiv="
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<title>Breezies Blog</title>
<style>
.header {
background-color: white;
background-image: url('file:///C:/Users/Zenga/Desktop/egoblog/bg21.png');
background-size: cover;
background-repeat: no-repeat;
color: black;
text-align: center;
max-width: 1000px;
height: 187px;
margin: 0 auto;
margin-top: 5px;
border: 1px solid white;
border-radius: 20px;
position: static;
}
a {
color: white;
}
ul {
padding: 5px;
background: rgba(0,0,0,.5);
position: relative;
top: 142px;
border-radius: 10px;
}
li {
display: inline;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
}
body {
background-image: url('file:///c:Users/Zenga/Desktop/egoblog/fullbg.jpg');
background-size: cover;
background-repeat: no-repeat;
color: black;
}
section {
background-color: rgba(0,0,0,.5);
color: white;
position: relative;
height: 600px;
max-width: 1000px;
margin: 0 auto;
border-radius: 20px;
}
</style>
</head>
<body>
<div class="header">
<nav id="menu">
<ul>
<li><a href="#" onclick="load_home()">Home</a></li>
<li><a href="#" onclick="load_cast()">Cast Of Characters</a></li>
<li><a href="#" onclick="load_hist()">History of Ego</a></li>
<li><a href="#" onclick="load_create()">Meet the Creators</a></li>
</ul>
</nav>
</div>
<br>
<section>
<div class="content" id="content"> </div>
</section>
<script>
function load_home(){
document.getElementById("content").innerHTML='<object type="text/html" style="overflow: hidden" data="main.html"></object>';
}
function load_cast(){
document.getElementById("content").innerHTML='<object type="text/html" style="overflow: hidden" data="cast.html"></object>';
}
function load_hist(){
document.getElementById("content").innerHTML='<object type="text/html" data="hist.html"></object>';
}
function load_create(){
document.getElementById("content").innerHTML='<object type="text/html" data="create.html"></object>';
}
</script>
</body>
</html>
布里兹博客
.标题{
背景色：白色；
背景图像：url（'file:///C:/Users/Zenga/Desktop/egoblog/bg21.png');
背景尺寸：封面；
背景重复：无重复；
颜色：黑色；
文本对齐：居中；
最大宽度：1000px；
高度：187px；
保证金：0自动；
边缘顶部：5px；
边框：1px纯白；
边界半径：20px；
位置：静态；
}
a{
颜色：白色；
}
保险商实验室{
填充物：5px；
背景：rgba（0,0,0,5）；
位置：相对位置；
顶部：142px；
边界半径：10px；
}
李{
显示：内联；
填充：0px 5px 0px 5px；
保证金：0px 0px 0px 0px；
}
身体{
背景图像：url（'file:///c:Users/Zenga/Desktop/egoblog/fullbg.jpg');
背景尺寸：封面；
背景重复：无重复；
颜色：黑色；
}
部分{
背景色：rgba（0,0,0,5）；
颜色：白色；
位置：相对位置；
高度：600px；
最大宽度：1000px；
保证金：0自动；
边界半径：20px；
}
函数加载_home（）{
document.getElementById（“内容”）.innerHTML=''；
}
函数加载_cast（）{
document.getElementById（“内容”）.innerHTML=''；
}
函数加载历史（）{
document.getElementById（“内容”）.innerHTML=''；
}
函数加载_创建（）{
document.getElementById（“内容”）.innerHTML=''；
}
第二个问题