我试图将一个孩子DIV放在父DIV的底部,但我也想让孩子DIV的内容帮助决定父DIV的尺寸.正如我现在所做的那样,子DIV不会影响父DIV的宽度/高度.
// 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的宽度.
提前致谢!