CSS中怎么使一个1*1000像素的背景平铺整个1100*1000像素的页面?

html-css014

CSS中怎么使一个1*1000像素的背景平铺整个1100*1000像素的页面?,第1张

比如这个背景图片是bg.jpg,我们现在给他平铺到一个像素为1100px*1000px的页面

body{

background:url('图片路径/bg.jpg') repeat

width: 1100px

height: 1000px

}

就ok了

"width:950px"这里错了,要改正,不然margin:0 auto不起作用

﹟header设置宽度950px,应为头部,不用浮动.去掉float:left

#sidebar,#content最好加display:inline减少浮动带来的bug,

使用float后要闭合.使用clear:both

建议在#sidebar,#content上层加个div.

像这样:<div class="fn-clear"><div id="sidebar"></div><div id="content"></div></div>

/* 清理浮动 */

.fn-clear:after {

visibility:hidden

display:block

font-size:0

content:" "

clear:both

height:0

}

.fn-clear {

zoom:1/* for IE6 IE7 */

}

希望能解决