在容器底部堆叠HTML元素
发布时间:2020-12-14 22:42:01 所属栏目:资源 来源:网络整理
导读:我有一个div(具有固定宽度)有2个图像元素作为孩子. 每个图像的宽度与div相同,因此图像不在同一行(see screenshot). 这很棒,但我希望图像以相同的方式显示(一个在另一个上面),但在div的底部. 我能够在某些浏览器中使用以下方法实现此类行为: -webkit-transfo
我有一个div(具有固定宽度)有2个图像元素作为孩子. 每个图像的宽度与div相同,因此图像不在同一行(see screenshot). 这很棒,但我希望图像以相同的方式显示(一个在另一个上面),但在div的底部. 我能够在某些浏览器中使用以下方法实现此类行为:
在div css上. 有没有更好的方法来实现这一目标? 这是我用于示例的代码:
最佳答案
使容器位置:相对;并将图像设置为position:absolute;底部:0;
但是,这不会叠加图像.它们将相互叠加.如果需要堆叠,最简单(动态)的方法是用另一个容器(如div)包装图像,然后在其上设置样式.例如… 标记:
|