【问题标题】:css/bootstrap : overflow issuecss/bootstrap:溢出问题
【发布时间】:2013-11-21 05:50:38
【问题描述】:

弹出框控件出现显示问题。我必须将溢出属性设置为“可见”,否则它会隐藏在表格后面。

  overflow:visible; 

请参阅 jsfiddle 进行复制:http://jsfiddle.net/vEMrD/

但现在我已将其设置为可见,该表格存在与水平滚动条相关的显示问题。在 jsfiddle 中,只需将 css 属性溢出更改为“隐藏”,表格看起来就很好,但是弹出框随后被隐藏(单击“显示过滤器”重现)

有人知道 css 有什么问题吗?

【问题讨论】:

  • overflow:visible 放入 .gridStyle 并从 .ngHeaderContainer 中删除由于固定宽度而出现的滚动条,并且您的内容大于宽度而且山姆我无法理解您的需求.. :P
  • @VivekVikranth,我已经这样做了,但是如果您将浏览器调整为较小的尺寸,滚动条仍然会出现,并且再次出现显示问题。我只将宽度设置为固定大小,以便更轻松地向您展示问题。

标签: css twitter-bootstrap-3


【解决方案1】:

data-container="body" 添加到弹出链接。尝试http://jsfiddle.net/vEMrD/5/ 获取工作示例。请参阅http://getbootstrap.com/javascript/#popovers-usage - 特别是容器标志 - 关于如何从其默认容器中取出弹出框。 body 有效,但如有必要,您可以更具体。

【讨论】:

  • 肖恩太棒了!非常感谢您修复它!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-09-27
  • 1970-01-01
相关资源
最近更新 更多