jquery - 使用动画jquery时css宽度不显示正确

Question

我有一个固定位置的 div 并使用 jquery 的动画功能在这个位置增长这个 div 并进入这个隐藏 div 我有其他 div 在这种情况下显示信息 mobile_title

<style>

#mobile_col_left
{
  position:fixed;
  float:left;
  width:5%;
  height:150%;
  background-color:#000;
  z-index:9999999;
}


#mobile_menu_title
{
  position:relative;
  width:97%;
  height:38px;
  line-height:38px;
  margin:auto;
  background-color:#ccc;
  padding-legt:1%;
  font-family:Arial;
  color:#000;
  font-size:15px;
}

</style>



$("#mobile_col_left").animate({ width: '65%' }, "slow");

mobile_col 加载在 mobile_menu_title 内，当我加载 mobile_col 从 5% 开始时，人们可以看到这个宽度，当我激活动画时，div 增长到 65%，但在 div 内部，名为 mobile_menu_title 的 div 也没有增长97% , 总是保持其他尺寸的宽度

问题是为什么不增长名为 mobile_title 的 div ，当我假设增长时增加并覆盖其他 div 的所有大小，但没有发生这种情况

谢谢您的帮助

Answer 1

你的问题不是很清楚。

只是说父中的相对位置对固定位置的孩子没有任何作用，您可以开始这样想。