html - 混合基于百分比的宽度和基于像素的间隙？

Question

我正在尝试构建一个按钮栏组件，其中可以有可变数量的按钮。我可以做任何我需要包装这些按钮等的事情，但我需要能够根据 div 内的百分比宽度调整按钮的大小。由于我将 flash 移植到 html5，因此我需要能够指定此百分比宽度以及在按钮之间放置 1-10 像素的间隙，具体取决于实现。由于遗留组件引擎的工作方式，按钮本身应该具有边框等所有常用属性，并且按钮需要绝对定位。

有没有办法通过 html/css 的某种组合来创建一个 % 宽度并在该 % 宽度内按像素减小每个按钮的大小？我意识到这可以使用显式值和 jQuery 轻松解决，但是由于与动态调整大小/补间相关的许多复杂原因，我强烈希望让 css 处理定位。

我在下面开始了一个 fiddle :

http://jsfiddle.net/maKuG/

Answer 1

这是一个相当肮脏的解决方案，但在这些情况下我通常只使用绝对定位。示例:

#elmt1 {
    position: absolute;
    left: 0;
    width: 300px;
}
#elmt2 {
    position: absolute;
    left: 300px;
    right: 50%; /* Half way on the page */
}
#elmt3 {
    position: absolute;
    left: 50%;
    right: 0;
}