本节内容：
css width属性宽度设置。
在css中，width 设置属性的宽度。
但是一直都是使用px来设置的。
对于%，则很少用。
当使用%时，表示基于包含块（父元素）宽度的百分比宽度。
例子：
1，css样式表
复制代码 代码示例:
<style>
#mainnav ul {
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#mainnav a {
width: 20%;
display: block;
text-align: center;
background-color: #4D4D4D;
color: #FFFFFF;
text-transform: uppercase;
padding-top: 6px;
padding-bottom: 6px;
float: left;
}
</style>
2，html页面内容
复制代码 代码示例:
<nav id="mainnav">
<ul>
<li><a href="index.html" class="thispage">Home</a></li>
<li><a href="sightseeing.html">Sightseeing</a></li>
<li><a href="#">Eating Out</a></li>
<li><a href="#">What's ON</a></li>
<li><a href="#">Where to Stay</a></li>
</ul>
</nav>
说明：
ul中的每一个a标签，都是mainnav的20%宽度，因为一共有5个标签。
这样，当mainnav缩放的时候，a标签也会进行缩放，也就是常说的自适应。
