如何使div高度响应?

时间:2018-06-08 22:00:37

标签: html css responsive-design

我正在为我的网站制作定价表,我遇到了问题。我正在尝试使表格响应,但是当我更改分辨率时,高度不会改变,因此文本不再可见。请在下面找到截图。

screenshot

另外,即使内容不相同,我希望3个块(列)具有相同的高度。

有人可以提出解决方案吗?谢谢!

1 个答案:

答案 0 :(得分:1)

您应该在分区css代码中添加display: block;行。

但是如果你想同步更改其他2个分区高度,你必须使用javascript。像这样:

$(document).ready(function(){
    var height = $("#myDiv").innerHeight();
    document.getElementById("myOtherDiv").style.height = height + "px";
});

确保删除任何固定的高度