<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
.wrapper {
width: 100%; /* 也可以固定寬度 */
height: 200px;
}
.wrapper > div {
display: inline-block; /* 如需支持IE8以下版本，用浮動來做 */
width: calc(100% / 3.09); /* 此處運用了一個css3的表達式，將div三等分，IE8及以上可以支持，當然也可以根據需要設置固定值 */
width: -webkit-calc(100% /3.09); /*3.09 排除margin的寬度*/
width: -moz-calc(100% / 3.09);
height: 100%;
}
</style>
</head>
<body>
<div class="wrapper">
<div style="background-color:red"></div>
<div style="background-color:green"></div>
<div style="background-color:blue"></div>
</div>
</body>
</html>
