割り切れない数字に対して、calcで自動計算出来ます。
width: calc(98% / 3);で残りの98%を3分割します。
両端にマージンを入れたくない時などに使うと便利です。
- てすと
- てすと
- てすと
.test {
list-style: none;
padding: 0;
overflow: hidden;
zoom: 1;
}
.test li {
background: #222;
margin-right: 1%;
height: 30px;
float: left;
width: calc(98% / 3);
}
.test li:last-child {
margin-right: 0;
}