如何让文本/对象留在 div 元素中？（让 div “拉伸”，所以所有内容都会留在里面？）答案

【问题标题】：How can I have text/objects stay in a div element? (Having the div "stretch" so all of the content will stay inside?)如何让文本/对象留在 div 元素中？（让 div “拉伸”，所以所有内容都会留在里面？）
【发布时间】：2011-03-28 03:19:47
【问题描述】：

当我使用 jQuery (slidedown) 或 youtube 视频或带有 oembed 的东西时，使用 Internet Explorer 时，它会重叠或溢出下面的文本/内容。我怎样才能拥有它，以便 div 将“拉伸以使所有文本或视频都保留在元素内？

【问题讨论】：

Html + CSS，你很高兴，对吧？不，没有 Internet Explorer。构建跨浏览器兼容、逐步增强并且在美学上仍然一致的网站本身就是一门完全独立的艺术。

标签： jquery html css dom oembed

【解决方案1】：

我正在查看生成的 DOM，这对于 Firefox 来说非常混乱，与为 Chrome 生成的完全不同。我怀疑 JavaScript 的弯角，我建议将其从图片中删除以确认，然后与开发人员讨论。

【讨论】：

没有绝对位置...什么意思？
@Pete - 啊，我明白了，我在查看脚本运行后的 DOM。在 Firefox 上的 Firebug 中查看它，您会发现生成的 DOM 与 Chrome 中的非常不同。这导致了问题，我不确定问题出在哪里 - 可能是弯曲的角落 JS。尝试删除该脚本，看看它是否可以修复它。

【解决方案2】：

Internet Explorer 7 更喜欢某些具有“容器”的元素，我不完全确定为什么 - 但我在尝试在 IE7 中为透明 PNG 不透明度设置动画时遇到了这个问题。

在 Dream.html 内的 flash 对象（您的视频）：

<object width="395" height="321">.. .. ..</object>

应该有一个div，比如：

<div id="video_stage">  
     <object width="395" height="321">.. .. ..</object>
</div>

您不必给它一个 id，但保持内容相当语义化是很好的 - 加上就像注释您的代码一样，这在返回时很有帮助。

。 . .

我对此进行了测试，它可以在 IE7/IE8 中运行。

【讨论】：

【解决方案3】：

尝试在<object> 之后显式清除浮点数。像这样的：

<object...> ... </object>
<div style="clear: both;"></div> <!-- added -->

【讨论】：