无法扩展div宽度

时间:2015-03-10 19:07:44

标签: html css

我想扩展div以适应整个页面宽度,但它无法正常工作,有人可以查看这个吗? 我是HTML和CSS的新手。 我使用div来使用js加载另一个html文件

function load_home()
{
document.getElementById("header").innerHTML='<object type="text/html" data="top.html" ></object>';
}

CSS:

html, body {width:100%;}

#header {width:100%;}

HTML:

<div id="header"> </div>

2 个答案:

答案 0 :(得分:0)

寻找类似this example

的内容

HTML:

<div id="header"><h1>HEADER</h1></div>

的CSS:

html, body
{
    width: 100%;
    background-color: #000;
}
#header
{ 
width: 100%; 
    height: 50px;
    background-color: DarkSeaGreen;
    Color: #fff;
    text-align: center;
}

答案 1 :(得分:0)

解决了这个问题,显然我需要扩展对象的宽度而不是div。谢谢你的帮助