需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：table {width: 70%}。
3、浏览器运行index.html页面，此时无论网页大小如何变化，table总能占用网页70%的宽度，可以实现随着屏幕变化而变化。
css已设置width100% 宽度没有占满浏览器是设置错误造成的，解决方法为：
1、首先需要新建一个html文件，命名为test.html。
2、接下来在test.html文件内，使用div创建一个模块，下面将对该div进行样式设置。
3、然后在test.html文件内，给div添加一个class属性，主要用于在css标签中设置它的样式。
4、在css标签中，使用width属性设置div的宽度，设置width100%即可。
div, ul, li{margin:0pxpadding:0px} <!--加上这句ul margin:0pxpadding:0px-->ul, ul li {list-style-type:none}
