CSS2:如何实现100%宽度的UL，灵活的子LIs，两者之间有固定的宽度裕度？

Question

基本上，我想知道如何做到这一点：

​

​

一个100% UL，有5×20% (漂浮) LI儿童，两者之间有3px间隙。LIs必须是灵活的(%)宽度，以便它们可以调整大小，但是它们的间隙必须被修复。

这可以使用CSS3 width: calc(20%-3px)完成，但我需要更基本的CSS2支持。:(

请问最干净的方法是什么？

Answer 1

因为它使用容器的背景色作为边框，但它的工作方式与预期的一样(以及CSS2.1)。

​

​

jsFiddle Demo

.outer {
    background: lime;
    border: 2px solid black;
    display: table;
    width: 100%;
}
.inner {
    display: table-cell;
    background: green;
    width: 20%;
    height: 50px;
    border-left: solid 3px lime;
}
.inner:first-child {
    border-left: none;
}