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

Question

使用Internet Explorer时，如果我使用jQuery（slidedown）或youtube视频或带有oembed的内容，它将重叠或溢出下面的文本/内容。我怎么能拥有它以便div“伸展，所以所有的文字或视频都会留在元素内？

Answer 1

我正在查看生成的DOM，这对于Firefox来说非常混乱，而且与Chrome生成的内容完全不同。我怀疑弯曲的角落是JavaScript，我建议将其从图片中删除以确认，然后再与开发人员联系。

Answer 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。

Answer 3

尝试在<object>后明确清除浮动。像这样：

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