gpt4 book ai didi

html - 将一个 div 定位在另一个 div 的底部

转载 作者:技术小花猫 更新时间:2023-10-29 11:28:11 24 4
gpt4 key购买 nike

我有外部 div 和内部 div。我需要将内部 div 放在外部 div 的底部。

外部 div 是 flex 的(宽度:例如 70%)。我还需要将内部 block 居中。

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

enter image description here

最佳答案

在 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 - 将一个 div 定位在另一个 div 的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/857916/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com