我再次遇到 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>
最佳答案
看来你所有的div 都没有height 属性。通常, div 包装它的子 block ,即您情况下的 img 。但是,你已经设置了img position:absolute
,所以父div无法正确获取高度。
关于javascript - Div 标签背景颜色 CSS HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21204641/