如何设置黄色<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/