将DIV隐藏在表单上时有一个很大的空白区域

时间:2013-03-05 19:36:40

标签: html css

我正在尝试使用以下内容隐藏表单中的DIV:document.getElementById('cost_pass').style.visibility = 'hidden';

但是当我这样做时,表格会留下DIV过去的空白区域,有没有办法解决这个问题?

2 个答案:

答案 0 :(得分:5)

这不是错误,可见性以这种方式工作(隐藏元素,但为其保留空间)。试试吧

document.getElementById('cost_pass').style.display = 'none';

答案 1 :(得分:0)

设置隐藏的可见性只是隐藏页面中的DIV,但它占用的空间仍然存在(可见性不会影响页面流)。您应该考虑使用Display属性隐藏/显示您的div。

https://developer.mozilla.org/en-US/docs/CSS/display