javascript - 为什么我把一个div放入一个div并用jquery设置时背景颜色没有改变

Question

我尝试更改另一个 div 元素内的 div 元素的背景，但没有任何反应。当我用 firebug 查看代码时，它显示颜色已更改，但在我的浏览器窗口中我看不到任何更改

HTML

<div id="outer" style="top: 0px; left: 0px; width: 100%; height: 100%">
   <div id="inner" style="top: 0px; left: 0px; width: 100%; height: 100%"></div> 
</div>

jQuery

function back(){
 $('#inner').css('background-color', 'yellow');
}

$(document).ready(function(){
     back(); 
}); 

Answer 1

将一些内容放入 div 中，以便 div 具有该内容的高度。或者尝试在 CSS 中指定 div 的最小高度。

在下面的代码中，我在 CSS 中添加了 min-height

<div id="1" style="top: 0px; left: 0px; width: 100%; height: 100%">
  <div id="2" style="top: 0px; left: 0px; width: 100%; height: 100%;min-height:50px;">    </div> 
</div>