css - 多个 div 自动宽度填充父级

Question

我有一个简单的问题要问你们。

检查 fiddle :

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