怎样设置div 高度随宽度变化而变化？比如说height=width*80%?

Posted 2023-05-10

首先设置两个div，假设给出id分别为a和b，b始终为a的宽度的二分之一。
js代码为：
var diva=document.getElementById("a");
var divb=document.getElementById("b");
var wid=diva.offsetWidth;
function jt()//定义监听a大小变化的函数
var wid1=diva.offsetWidth;//获取宽度

if(wid1!=wid)
wid=wid1;
resizeb();



setTimeout("jt",100);


function resizeb()
divb.style.width=wid*0.5;//改变b的大小


jt();
但是这样写是在不知道a的大小为什么变化的情况下，这样写很耗cpu，如果很明确a的大小变化原因，直接给a绑定事件就可以了 参考技术A 对啊，你的思路正确。
然后有什么问题呢？

2021-11-24 WinFrom面试题 Winform布局时，如何实现让Form中的GroupBox的宽度随Form的尺寸调整而自动变化，高度不变？

如果GroupBox与Form的左、上、右是没有间距的，可以直接设置GroupBox控件的Dock属性为：top 即可；如果GroupBox与Form的左、上、右是有一定间距的，那Dock属性就无法做到了，这时就要考虑Anchor属性了，设置GroupBox的Anchor属性为：Left，Top，Right， 然后再调整好控件与Form左、上、右的间距就OK了。