CSS width in Percent related to the grand parent

问题

How to relate width in percent to the grand parent?

回答1:

You could simply relate width of li s to the parent ul which in turn it relates to the grand parent div:

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

回答2:

Use 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';
}

I have a jsfiddle example.

来源：https://stackoverflow.com/questions/31317438/css-width-in-percent-related-to-the-grand-parent