css - 在 Container 中定位子元素

Question

我正在尝试这个:有一个图片元素包裹在容器 div 中

<div id="container">
    <div id="a">
        <img src="b.jpg" alt="b" />
    </div>
</div>

现在我想放置子元素，使图片的顶部和左侧始终为容器 div 的高度和宽度的 25%。我怎样才能做到这一点？

Answer 1

如果这是唯一的要求，您可以通过在内部 div 上添加填充来实现。

根据 W3C，这些百分比应该指的是外部 div 的尺寸。

Like margin properties, percentage values for padding properties refer to the width of the generated box's containing block

http://www.w3.org/TR/CSS2/box.html

对于高度，只有当你的内部 div 是你的外部 div 中的唯一元素时它才会起作用(因为内部 div 将决定另一个的高度)。因此，对于您来说，它会起作用。