javascript - Div 标签背景颜色 CSS HTML

Question

我再次遇到 DIV 标签的问题。我已经设法让用户筛选成 3 列。但我现在正在尝试为每个 div 添加单独的背景。但是 style="background:blue;" 或 style="background-color:blue;" 似乎不起作用。

任何帮助将不胜感激:)

http://prntscr.com/2kde62 <-- 我希望它看起来像什么(我使用了一个图像作为背景)

http://prntscr.com/2kdedk <-- 即使使用 style="background:blue;"也是如此

代码如下:

<div id='leftDiv' style="float:left; margin:0; width:33%;" align="center">

       <img style="position:absolute; top:160; left:170;" onclick="addKittens()" src="http://imgur.com/3mj6PL5.jpg" width="192" height="192">
</div>

<div id='middleDiv' style="float:left; margin:0; width:33%;" align="left">

    <img style="position:absolute; top:200; left:650;" onclick='crazyLadyAdd()' src="http://imgur.com/7sucpdi.jpg" width="96" height="96"> <!-- Crazy Cat Lady image --> 
    <img style="position:absolute; top:300; left:650;" onclick='milkFactoryAdd()' src="http://imgur.com/Q9y4xBJ.png" width="96" height="96"> <!-- Milk Factory image --> 
</div>

<div id='rightDiv' style="float:left; margin:0; width:33%; background:blue;" align="center">
    <p style="position:absolute; left:1200; color:red; font-size:20;"> PLACEHOLDER </p>  
</div>

Answer 1

看来你所有的div 都没有height 属性。通常， div 包装它的子 block ，即您情况下的 img 。但是，你已经设置了img position:absolute，所以父div无法正确获取高度。