プロジェクト全体で同じ高さを受け取るクラスがあります。クラスのメンバーである 1 つの div を動的に拡張したい。だから私は div に ID を与えます (より具体的に)。また、min-height が height よりも優先されるという印象も受けました (これにより、div の拡張が可能になるはずです)。ただし、クラスに高さが設定されている場合、div は展開されません。高さを削除すれば機能しますが、この場合、2 段階の特異性があるべきではありませんか? フィドルは次のとおりです。
作業: http://jsfiddle.net/farinasa/WHn9t/
機能しない: http://jsfiddle.net/farinasa/WHn9t/2/
HTML:
<div id="specific" class="lessSpecific">
</div>
CSS:
.lessSpecific
{
border: 1px solid black;
height: 100px;
}
#specific
{
min-height: 300px;
}
JS:
var box = document.getElementById("specific");
function test() {
for (var i = 0; i < 20; ++i)
box.innerHTML += "Hello<br>";
}
test();