JQuery手風琴：用YouTube嵌入對象破壞佈局

Question

我正在使用標準的jQuery UI手風琴。

我的一個窗格包含一個嵌入式YouTube視頻，用「嵌入」標籤定義。它打破了下一個窗格的流程：它們不爲嵌入式視頻創造空間。如果存在空白空間，下一個窗格將從何處開始。

下面是一個顯示問題的JFiddle（但由於某種原因，YouTube視頻在此處不可見）。

http://jsfiddle.net/r4pf1n5y/

的嵌入標記是在窗格＃2和定義爲

<embed align="left" 
width="420" height="345" 
src="https://www.youtube.com/v/WBgwuFM92i4" 
type="application/x-shockwave-flash"> 
</embed> 

窗格3應該開始視頻下方，標題應與所有其餘左對齊。

此外，有沒有更好的方法來嵌入YouTube視頻？

Answer 1

添加一個div「明確：既」嵌入其中包含YouTube的div樣式之前的視頻，以防止面板3個顯示在面板的一側2

<div style="clear:both"></div> 

http://jsfiddle.net/r4pf1n5y/4/

你可以學習更多關於清除屬性CSS clear property