需要在容器div上设置固定高度的100％div

这里是一个链接到JSFiddle http://jsfiddle.net/9NYcn/11/我把我想做的事情放在一起，但我需要用纯CSS来做到这一点。需要在容器div上设置固定高度的100％div

function expand(){ 
    var sect = document.getElementById("sect"); 
    var body = document.getElementById("main"); 
    var panes = document.getElementById("panes"); 
    var newHeight = 40 + "px"; 
    var newHeight2 = 120 + "px"; 
    var topVal = 120 + "px"; 
    sect.style.display = "block"; 
    sect.style.height = newHeight; 
    body.style.height = newHeight2; 
    panes.style.top = topVal; 
}

在上面的函数中，我必须设置窗格的“top”属性才能使其工作。我需要得到它，以便窗格部分将像目前一样工作，而不使用JavaScript来更改“窗格”的“顶部”属性。当用户点击“展开”按钮时，具有类“body”的div将展开，并且不会落后或覆盖“窗格”div。

我知道我做了一件可怕的工作，解释我为此道歉。

来源

2014-07-09 ClayHerendeen

删除的.panes绝对定位：http://jsfiddle.net/rHTM8/

它将使中间股利后它自然流动。

来源

2014-07-09 23:14:33 blintend

正确，但“内部窗格”的div不再可以滚动，我需要他们是 – ClayHerendeen

我不得不使用JavaScript，但最后谢谢。我不认为我试图做甚至可能。 – ClayHerendeen

需要在容器div上设置固定高度的100％div

回答

相关问题