代码：http：/jsfiddle.net/7wf912Lt /
答案 0 :(得分：0)
因为在Stackoverflow上应避免使用扩展注释 - 如果Fidddle已经看起来像所需的布局，只需要做一些必要的步骤，以防它如何完成：
顶部链接只是嵌入式swf顶部的<div>。 swf包含在<div> float:left中;左右链接也包含在<div> float: left中。因此，所有div都位于一行中。为了清除浮动，我刚刚添加了<div> clear:left;。此外，容器的宽度和高度必须增加一点，所以一切都适合。最后一步是减少容器的margin: left，因此内容将以居中方式显示。有不同的解决方案以显示内容为中心，但我想你可以解决剩下的问题
对于小提琴我只是将.chat的高度增加到550px，需要额外的50px才能获得顶部链接的额外高度。否则，swf将显示为打破底部边框/部分位于框外。
更新：问题已从显示嵌入式swf（已解决）周围的链接更改为后续问题，即当swf未悬停时，swf会破坏底部边框。问题是所提供的链接不显示swf聊天，因此提到的问题是不可解决的。已经将CodePen-CSS添加到更新的小提琴中，并且仅将.chat的高度从500px更改为550px，以便为添加的链接提供足够的空间，并且swf不会像所描述的那样显示。要添加到问题中的更多信息是从哪个浏览器截取屏幕截图，因为我只使用Firefox进行了测试，并且按预期显示。
Update2：当OP更新的Fiddle显示所描述的问题时，应通过调整css来修复。问题位于左侧链接中，位置设置为200px;如果在悬停前设置为0，则当高度设置为550px而不是500px时，聊天将显示在边框中。
更新3：调整后的小提琴如下：将左侧链接更改为position: absolute;，因此它已从流程中删除，不会干扰聊天窗口。否则，当在悬停聊天中显示左侧链接时，将在悬停时按下聊天，因为它们共享相同的位置几秒钟。还减少了聊天的左边距，使其显示为居中。小提琴：Fiddle
我想你不会有任何问题，例如如果您希望链接和边框之间的距离更远或更少，请调整填充或边距。
如果按预期方式工作，请按照此步骤进行操作 - Stackoverflow，否则只需在问题中添加可能的问题。