如何设置黄色<div id="box">的高度(动态)以适应<div id="center">而不重叠Hello World部分?
请忽略jsfiddle中的JavaScript,它是其他东西的一部分;p
http://jsfiddle.net/XskMm/3/
谢谢你的阅读和回答!
编辑:
我为这个问题措辞不当而道歉。我会尽力解释清楚我想要什么。
页面上有两个主要的<div>s。我做了一个灰色和一个黄色。我希望黄色的div适合在灰色的div里面(长度和宽度),而不是突出在灰色div的轮廓上。
我的问题是<h1><hr />正在向下推动<div id="box">(就像它们应该的那样),但是<div id="box">没有缩小到适当的高度,因此它不会延伸到<div id="center">的底部

最佳答案

好吧。。。再试一次。如果这不是你想要的,告诉我。
工作示例:http://jsfiddle.net/XskMm/8/
代码:

window.onresize = function() { myResizeFunc();  }

function myResizeFunc() {
    var DOMwidth = window.innerWidth? window.innerWidth: window.document.body.parentElement.clientWidth;
    var DOMheight = window.innerHeight? window.innerHeight: window.document.body.parentElement.clientHeight;
    if (DOMwidth>200) { document.getElementById('center').style.width = (DOMwidth-100) + 'px'; }
     else { document.getElementById('center').style.width = '100px'; }
    if (DOMheight>300) {
        document.getElementById('center').style.height = (DOMheight-100) + 'px';
        document.getElementById('box').style.height = (DOMheight-122) + 'px';
    }
     else {
         document.getElementById('center').style.height= '200px';
         document.getElementById('box').style.height= '178px';
    }

}

window.addEvent('domready', function() {
    myResizeFunc();
});

关于html - 如何动态地将<div>设置为正确的长度?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5131108/

10-12 12:45
查看更多