关于body的背景的有个疑义
关于body的背景的有个疑问
如下面的css代码，body的大小已经规定好了，就是红色边框以内的范围，但是给它设背景的时候却能布满整个页面。这个跟其它的div有所不同
body{
height:500px;
border:1px solid red;
margin:20px 30%;
background-color:grey;
}
------解决思路----------------------
你给根节点设置下样式就可以了
<style>
html{
background-color:red;
}
body{
height:500px;
border:1px solid red;
margin:20px 30%;
background:url("http://www.sinaimg.cn/dy/2015/1004/U12702P1DT20151004082720.jpg");
}
</style>
------解决思路----------------------
这样就不会布满整个页面了 ,是这样子吗
------解决思路----------------------
给body设置高度或宽度没什么意义。body就是你的浏览器页面，不要试图改变大容器，查看body的属性，发现在body中并没有给出width,height这样的属性，它的对象同样也没有。
如下面的css代码，body的大小已经规定好了，就是红色边框以内的范围，但是给它设背景的时候却能布满整个页面。这个跟其它的div有所不同
body{
height:500px;
border:1px solid red;
margin:20px 30%;
background-color:grey;
}
------解决思路----------------------
你给根节点设置下样式就可以了
<style>
html{
background-color:red;
}
body{
height:500px;
border:1px solid red;
margin:20px 30%;
background:url("http://www.sinaimg.cn/dy/2015/1004/U12702P1DT20151004082720.jpg");
}
</style>
------解决思路----------------------
<style>
.test{
height:500px;
border:1px solid red;
margin:20px 30%;
background-color:grey;
background:url("image.jpg") no-repeat;
}
</style>
<body>
<div id="you" class="test" ></div>
<body>
这样就不会布满整个页面了 ,是这样子吗
------解决思路----------------------
给body设置高度或宽度没什么意义。body就是你的浏览器页面，不要试图改变大容器，查看body的属性，发现在body中并没有给出width,height这样的属性，它的对象同样也没有。