Rumah >hujung hadapan web >html tutorial >关于两个div高度保持一致的（css+js）两种解决办法_html/css_WEB-ITnose
关于两个div高度保持一致的（css+js）两种解决办法_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:56:201387semak imbas
最近修改以前写的一些代码，发现点问题。
比如2个div需要动态的保持一致的高度。
css的做法是： 精心开发5年的UI前端框架！
.代码
如果实际的高度不大于10000px，那么这个是没有问题的，如果有一边的实际高度大于了10000px，则另外一边的高度只能被定义为10000px，不符合实际运用的需求。
经过测试，用js可以解决这个问题。
代码如下： 精心开发5年的UI前端框架！
.代码
- var height = document.getElementById("left").offsetHeight > document.getElementById("right").offsetHeight ?
- document.getElementById("left").offsetHeight : document.getElementById("right").offsetHeight;
- document.getElementById("left").style.height = document.getElementById("right").style.height = height + "px";
另外，在实际运用，可能还会存在由于左div或右div存在padding属性而导致上述取值变多或变少的问题。比如，最终赋值时发现left比right还高10px，这种情况只有手动在代码里面减10来解决了。这也是不太完美的地方。
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css模拟实现selec下拉框_html/css_WEB-ITnoseArtikel seterusnya：弹出层 div dialog_html/css_WEB-ITnose