Javascript Jquery UI动画不向浮动元素应用效果

我用小提琴来解释这个问题：

我使用Jquery UI的animate函数淡入元素的背景色，代码如下：

HTML:

Jquery：

$('#element').animate({backgroundColor: '#FFFF99'}, 'slow');

问题是此函数没有将效果应用于浮动的子元素。 如果我删除浮动，它的工作

---

谢谢

添加溢出：隐藏；请家长尊重孩子的身高：

#element{
  overflow: hidden;
}

或

添加一个空元素，其中clear:bother作为最新元素：

<div id="element">   
 <h1>test</h1>
 <div id="child">not animated</div>
 <div id="child">not animated</div>
 <div style="clear:both;"></div>
</div>

测试
没有生气
没有生气

添加溢出：隐藏；请家长尊重孩子的身高：

#element{
  overflow: hidden;
}

或

添加一个空元素，其中clear:bother作为最新元素：

<div id="element">   
 <h1>test</h1>
 <div id="child">not animated</div>
 <div id="child">not animated</div>
 <div style="clear:both;"></div>
</div>

测试
没有生气
没有生气

您需要为浮动子体创建一个新的子体（当浮动元素从中取出时）-添加

溢出：隐藏到父级，
#元素

您需要为浮动子体创建一个新的子体（当浮动元素从中取出时）-添加
溢出：隐藏到父级，
#元素

您需要清除父元素中的浮动，您通常有一个clearfix类，这里是Nicolas Gallagher microclearfix

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

然后简单地写下：

<div id="element" class="cf">  

您需要清除父元素中的浮动，您通常有一个clearfix类，这里是Nicolas Gallagher microclearfix

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

然后简单地写下：

<div id="element" class="cf">  


设置
溢出
属性就足够了。设置
溢出
属性就足够了。