【问题标题】:HTML Elements cut off?HTML 元素被切断?
【发布时间】:2013-01-08 22:17:06
【问题描述】:

我正在使用 twitter bootstrap,并且正在使用他们的弹出框来显示有关电影的一些信息。

但它只是被切断了!如下图所示。

这个 JSFidde:http://jsfiddle.net/uGKAz/ 显示了问题 但是在这个 JSFidde 中,问题不存在.. http://jsfiddle.net/uGKAz/1/ 所以似乎是周围的元素造成了它..

另外,如果我将弹出框定位到“右”而不是“左”,我会得到相同的截止线,但弹出框的右侧。

我添加了一个样式到

boostrap.js 中的

元素:

, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p style="display:inline-block;"></p></div></div></div>'

以下是错误的外观:

添加显示在 Chrome 中选择的完整元素的图像:

【问题讨论】:

  • 您帖子中的图片无法加载。
  • 尝试添加 'float: left' 你的内部容器 CSS 规则。
  • 真的吗?我可以看到它 + 我可以在我的手机上看到它。
  • css中可能隐藏了溢出?
  • 图片适合我。但是,您能否添加更多相关代码或 JSFiddle 或其他内容?

标签: javascript html twitter-bootstrap popover


【解决方案1】:

TADA,溢出隐藏:

检查以下 div

<div id="second_row" style="">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-29
    • 2018-08-20
    • 1970-01-01
    • 2018-05-11
    相关资源
    最近更新 更多