Question

这是一个链接到JSFiddle http://jsfiddle.net/9NYcn/11/我把我想做的事情放在一起，但我需要用纯css做这个。

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

在上面的功能中，我必须设置＆＃34; top＆＃34;窗格的属性，以使这个工作。我需要得到它，以便窗格部分将像现在一样工作，而不使用javascript来更改＆＃34;顶部＆＃34; ＆＃34; panes＆＃34;的财产。当用户点击＆＃34;展开＆＃34;按钮＆＃34; body＆＃34;将扩大并且不会落后或重叠＆＃34;窗格＆＃34; DIV。

我知道我正在做一个可怕的工作，解释我为此道歉。

Answer 1

删除.panes：http://jsfiddle.net/rHTM8/

的绝对定位

它将使它在中间div之后自然流动。

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

1 个答案: