CSS 与大 parent 相关的百分比宽度

Question

如何将以百分比表示的宽度与总宽度相关联 parent？

Answer 1

您可以简单地将 li 的宽度与父级 ul 相关联，后者又与祖父级 div:

相关

div{
    overflow: hidden;
    width: 100%;
}
ul{
    width: 1000%;
}
li{
    width: 3%;
}

Answer 2

使用javascript:

var g = document.getElementById('grandparent');
var w = g.clientWidth;
if (w > 400)
    w *= .3;
var c = document.getElementsByClassName('child');
for (var i=0; i < c.length; i++) {
    c[i].style.width = w+'px';
}

我有a jsfiddle example.