我有外div和内div.我需要把内div放在外div的底部.

外部div是弹性的(例如,宽度:70%).我还需要在挡路内侧居中.

所述化妆的简单模型如下图所示:

在此处输入图像描述

推荐答案

测试并在Firefox 3、Chrome 1和IE 6、7和8上运行:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html><body>
<div style='background-color: yellow; width: 70%;
            height: 100px; position: relative;'>
    Outer
    <div style='background-color: green;
                position: absolute; left: 0; width: 100%; bottom: 0;'>
        <div style='background-color: magenta; width: 100px;
                    height: 30px; margin: 0 auto; text-align: center'>
            Inner
        </div>
    </div>
</div>
</body>
</html>

现场版点击此处:http://jsfiddle.net/RichieHindle/CresX/

Html相关问答推荐

将多个内联元素置于中心,而无需访问父级上的CSS

通过动态div的对角线

这<;td&>如何溢出<;表>;?

我怎样才能在我的网站上制作花哨的角落

响应网格,响应调整大小以适应父div,保留父div S自己的响应高度

Css网格:两列,除非小于150px

如何从elementor中的滑块中获取文本?

Chrome浏览器错误:上的主题验证判断https://pagead2.googlesyndication.com/失败

如何使用css在响应图像后面添加形状?

如何在Rmarkdown中添加千位分隔符?

为什么盒子不在div中显示?

当悬停时,同时影响相邻的两侧div

如何截断一些文本并用双引号引起来?

重点/主动输入的概述问题

如何在div中设计伪元素?

SVG 调整大小而不是溢出

如何在滚动行中显示一张图片和下一张图片的一半?

Bootstrap 5 英雄

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

禁用的 Select 标签没有在 chrome 上的 css 中指定的 colored颜色