html - CSS2：如何实现具有 100% 宽度的 UL，具有灵活的子 LI，每个子 LI 之间都有固定宽度的边距？

Question

基本上我想知道如何实现这一点：

100%具有 5 个20%（浮动）LI 子项的UL，其间有3px间隙。LI 必须是灵活的 (%) 宽度，以便它们可以调整大小，但它们的间隙必须固定。

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

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

Answer 1

好吧，这是一种解决方法，因为它使用容器的背景颜色作为边框，但它可以按预期工作（并且使用 CSS2.1）。

jsFiddle 演示

.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;
}