需要准备的材料分别有:电脑、浏览器、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%即可。