当我没有悬停在边界线上时，聊天div正在突破边界线的底部。似乎找不到解决方案，有什么帮助或建议吗？非常感谢。
代码：http://jsfiddle.net/7wf912Lt/
由于应避免在Stackoverflow上添加扩展注释-如果Fiddle看起来已经是所需的布局，则只需执行必要的步骤，以防不太清楚如何完成：
顶部链接只是嵌入swf顶部的一个<div>。swf被封装在具有CCD_ 3的CCD_；左链路和右链路也被封装在具有CCD_ 5的CCD_。因此，所有div都位于一行中。为了清除浮动，我刚刚添加了一个带有clear:left；的<div>；。此外，容器的宽度和高度必须稍微增加一点，以便所有东西都适合。最后一步是减少容器的margin: left，使内容居中显示。以内容为中心显示有不同的解决方案，但我想您可以解决其余问题。
对于Fiddle，我刚刚将.chat的高度增加到550px，额外的50px需要有顶部链接的额外高度。否则，swf将显示为打破底部边界/部分在框外。
更新：问题从显示嵌入swf周围的链接（已解决）改为swf在未悬停时突破底部边界的后续问题。问题是所提供的链接没有显示swf聊天，因此上述问题无法解决。已经在更新的Fiddle中添加了CodePen CSS，只将.chat的高度从500px更改为550px，为添加的链接提供了足够的空间，而swf并没有像描述的那样显示。需要添加到问题中的进一步信息是，屏幕截图是从哪个浏览器拍摄的，因为我只测试过Firefox，它在那里按预期显示。
更新2：由于OP更新的Fiddle显示了所描述的问题，应该可以通过调整css来修复。问题位于左侧链接，位置设置为200px；如果在悬停前设置为0，则当高度设置为550px而不是500px时，聊天将显示在边框中。
更新3：调整Fiddle如下：将左侧链接更改为position: absolute;，这样它就不会干扰聊天窗口。否则，当悬停聊天中显示左侧链接时，聊天将在悬停时被按下，因为两者共享同一位置达几秒钟。还减少了聊天的左边空白，使其居中显示。Fiddle：Fiddle
我想你不会有任何问题，例如，如果你想在链接和边界之间保持或多或少的距离，就可以调整填充或边距。如果这能按预期工作，请遵循这一步骤-堆栈溢出，否则只需在您的问题中添加可能的问题。