需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：table {width: 70%}。
3、浏览器运行index.html页面，此时无论网页大小如何变化，table总能占用网页70%的宽度，可以实现随着屏幕变化而变化。
你想在CSS中写肯定是不行的。你可以试一下，在Css中连1+1都不能算。你要是想实现这个可以用JS
网页可见区域高：document.body.clientHeight
网页可见区域高：document.body.offsetHeight (包括边线的宽)
在Body标签里onsize=“yourfun()”
js里：
function yourfun()
{
用document.body.clientHeight取得高度
算出宽度后赋值给div就可以了
}
用CSS限定网页宽度，又让一个DIV在网页当中居中,这里需要理解的是一个页面的内容区域，就是body，我们就是通过给body来设置一个宽度，来做限制，至于DIV的居中，首先是需要给这个div一个宽度和高度，然后在使用margin去做，margin的用法，如图：
具体的实现看代码:
<html>
<head>
body{
width:960px //限定网页的宽度
}
#div1{
width:200px
height:600px
margin:0 auto
boreder:1px solid #f00 //加个边框利于观察
}
</head>
<body>
<div id='div1'>
我会居中
</div>
</body>
</html>
