多个div自动宽度来填充父级

Question

我们有一个简单的问题。

检查小提琴：

<div class="container">
    <div class="inner" style="background: #ff0000;"></div>
    <div class="inner" style="background: #00ff00;"></div>
    <div class="inner" style="background: #0000ff;"></div>
</div>

我的容器中可能有一个未知数量的div，我需要它们以完全相同的宽度填充父级。不使用display:table-cell;我需要它与IE7完全兼容......

谢谢你们！

http://jsfiddle.net/yaLMk/

Answer 1

您必须添加jquery才能实现此目的：DEMO

var containerW = $('.container').width();
var innerCount = $('.container .inner').length;

$('.inner').css({
    width: containerW / innerCount
});