JQuery Accordion: Сломанная компоновка с объектом для встраивания YouTube

Question

Я использую стандартный jQuery UI Accordion.

Одна из моих панелей содержит встроенное видео YouTube, определенное с помощью тега «embed». Он разбивает поток следующих панелей: они не занимают места для встроенного видео. Следующая панель начинается там, где это было бы, если бы было пустое пространство.

Вот JFiddle, который показывает проблему (но по какой-то причине видео на YouTube там не видно).

http://jsfiddle.net/r4pf1n5y/

Тег Вставить в Pane # 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 с «ясно: как» стиль как раз перед DIV, который содержит YouTube встроенное видео для предотвращения 3 Панели задач появляется на стороне панели 2.

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

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

Вы можете узнать подробнее об объекте недвижимости в CSS clear property