CSS布局之百分比宽度

div+css

百分比是一种相对于包含块的计量单位。它对图片很有用：如下我们实现了图片宽度始终是容器宽度的50%。你甚至还能同时使用 min-width 和 max-width 来限制图片的最大或最小宽度！

article img {
 float: right;
 width: 50%;
}

CSS布局之百分比宽度

推荐阅读：

详解CSS中7个度量单位和在浏览器中的兼容性

自适应网页设计

来自 http://zh.learnlayout.com/percent.html