【问题标题】:Hidden divs taking up space隐藏的 div 占用空间
【发布时间】:2013-04-27 09:58:01
【问题描述】:

我已将我网站的所有导航设置为 hide.show div(使用行为)。 这一切都很好,但我现在已经意识到即使隐藏 div 也会占用空间的问题,从而将我的包装器的高度扩展得太多。

我真的希望高度根据显示的内容量来扩展和收缩。

http://shanuea.lockernerd.co.uk/camel/

div 被绝对定位并设置为可见性:隐藏。 任何帮助表示赞赏,如果您需要更多信息,请告诉我。

【问题讨论】:

标签: html hidden


【解决方案1】:

如果您希望 div 在不显示时不占用空间,请使用 display:none 而不是 visibility:hidden。

【讨论】:

  • 我在@print 媒体查询中使用display:none !important; 来隐藏导航,但它在页面左侧留下了一个很大的空白区域(左侧是垂直菜单)。有什么想法要检查吗?
  • 可能不是导航造成的,而是其他原因?
  • 找到 stackoverflow.com/questions/18555185/… 并能够与 div.content { width: auto; } 一起工作
【解决方案2】:

提醒未来的谷歌员工:
我有一些 <span> 标签,我想对访客隐藏。每个<span> 后面都有一个<br><br> 标签使它看起来像 <span> 标签在将其 display 属性设置为 none 后仍在占用空间。

【讨论】:

  • 这对我来说是个问题:我忘记了那些<br/> 标签。我的解决方案是将我的<span> 更改为<div>,以便它自动拥有display: block
猜你喜欢
  • 2010-12-01
  • 1970-01-01
  • 2017-06-29
  • 2015-07-25
  • 2011-04-11
  • 2018-03-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多