在CSS中定义一个容器!

html-css014

在CSS中定义一个容器!,第1张

这个还真有点麻烦的.. CSS3出现前 仅仅在css中定义已经无法达到你的要求

可以使用javsscript来实现

假设div的名字是layout

<div id="layout">...</div>

function autozize(){

var para = document.getElementById("layout")

var width = document.body.clientWidth

if width <= 1000

para.style.width = 980px

else

para.style.width = 98%

}

para.style.fontSize = "2em"

}

css部分

#box{

background-image:url(bgi.jpg)/*背景图片位置*/

background-repeat:no-repeat /*是否重复平铺*/

background-position:center /*是否居中*/

width:xxpx /*长多少*/

height:xxpx/*宽多少*/

}

body部分

<div id="box">

</div>