与父级相关的CSS宽度百分比

Question

如何将宽度与百分比联系起来？

Answer 1

您可以简单地将li s的宽度与父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。