我正在尝试将子 DIV 放置在父 DIV 的底部,但我也希望子 DIV 的内容有助于确定父 DIV 的尺寸。正如我现在所拥有的,子 DIV 不会影响父 DIV 的宽度/高度。
这是我的 HTML/CSS 代码示例:
//HTML代码:
<div id="parent">
<h3>Top Aligned Title</h3>
<div id="child"></div>
</div>
//CSS代码:
#parent {
background-color:#222;
position: relative;
height: 500px;
}
#child {
background-color:#444;
position: absolute;
bottom: 0px;
width: 100px;
height: 200px;
}
我需要做什么才能实现我想要做的事情?我可以放弃绝对/相对 CSS 规则,只需在父 DIV 中创建一个表格,这将允许我实现底部对齐和指示父级尺寸的内容。
但是,我想知道是否有办法在 CSS 中做到这一点,而不必设置父 DIV 的宽度。
提前致谢!