Html 如何控制<；span>；内部<；部门>；

请查看此处的Web链接->

#r .b{
width:100px;
height:100px;
background:yellow;
position:absolute; 
bottom:-20px; 
left:-20px;
}

HTML

<div id="ma">
    <div id="mi">
        <div id="r">
            <span class="b"></span>
        </div>
    </div>
</div>

假设黄色正方形是一个图像，我希望它显示在绿色框的底部，部分图像在绿色框之外

我已经在我的网站上面的链接中测试了css，黄色框显示在蓝色框的正下方。但是在jsfiddle.net上，它甚至忽略了bottom属性。

您忘记了px：

#r .b{width:100px;height:100px;background:yellow;bottom:-100px;position:absolute;}

您忘记了底部属性的“px”

目前：

bottom : 100;

一定有

bottom : 100 px;

---

您只需要在下面的css中进行更改，修改后的Fiddle就是

#r .b{
width:100px;
height:100px;
background:yellow;
position:absolute; 
bottom:-20px; 
left:-20px;
}

---

你在期待类似的事情吗

#ma{宽度：500px；高度：500px；背景：红色；}
#mi{宽度：400px；高度：350px；背景：蓝色；边距：0自动；位置：相对；}
#r{宽度：200px；高度：200px；背景：绿色；浮点：右侧；边距：10px 10px 0；位置：相对；}
#r.b{宽度：100px；高度：100px；背景：黄色；底部：-50px；右侧：-10px；位置：绝对；z索引：-1；}

只需使用像素控制黄色框底部参数，例如：-50px非常感谢，我太粗心了，这在我身上发生过好几次。如果你一直忽视它，可能需要很长时间才能找到。感谢FireBug的创建者！现在，您可以选择任何答案；）