gpt4 book ai didi

javascript - 如何使用当前的 div 宽度/高度作为最小宽度/高度?

转载 作者:太空宇宙 更新时间:2023-11-04 04:58:40 25 4
gpt4 key购买 nike

如何使用当前宽度/高度(均以百分比 100% 指定)作为最小宽度/高度?

这是一个尝试:

<!doctype html>
<html>
<head>
<title>Layout</title>
<script>
var myDiv = document.body;
var curWidth = myDiv.style.width;
var curHeight = myDiv.style.height;
myDiv.style.minWidth = curWidth;
myDiv.style.minHeight = curHeight;

myDiv = document.getElementById('wrapper1');
var curWidth = myDiv.style.width;
var curHeight = myDiv.style.height;
myDiv.style.minWidth = curWidth;
myDiv.style.minHeight = curHeight;
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
}
#wrapper1 {
width: 100%;
height: 100%;
}
#wrapper2 {
width: 8%;
height: 100%;
float: left;
}
#wrapper3 {
width: 92%;
height: 100%;
float: left;
}
</style>
</head>
<body>
<div id="wrapper1">
<div id="wrapper2">
Wrapper
</div>
<div id="wrapper3">
Wrapper
</div>
</div>
</body>
</html>

尝试使用 Javascript(或尽可能仅使用 css)将所有 div 的最小宽度/高度设置为当前宽度/高度(它们都是 100% 的 css)

最佳答案

请注意 myDiv.style.height如果元素的高度是通过 CSS 设置的,则不会返回该元素的高度,但前提是 div 看起来像 <div style="height: 10px"></div>。 .你应该使用:

var curHeight = myDiv.offsetHeight;
var curWidth = myDiv.offsetWidth;

编辑:哦,你需要在你的 html 的末尾移动你的脚本标签,否则你将无法选择 wrapper1(或在不同的文件中?)。

这里是关于 offsetHeight 和 offsetWidth 的引用。 Here

假设您执行 document.write 以插入检索到的 css 值,这是我在您的方法中看到的唯一问题。

关于javascript - 如何使用当前的 div 宽度/高度作为最小宽度/高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11919011/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com