如何在HTML中将div对齐到另一个div的底部？
大卫
如何将div与HTML中另一个div的底部对齐？以及为什么它不起作用？HTML：
<div id="big">
<div class="small">1</div>
<div class="small">2</div>
<div class="small">3</div>
</div>
CSS：
#big {
background-color: red;
margin: 10px;
}
.small {
width: 150px;
height: 150px;
background-color: blue;
float: left;
display: inline-block;
position: absolute;
bottom: 0px;
margin: 10px;
display: inline-block;
}
ob
您的问题尚不清楚，但是您的意思是这样吗？
#big {
display:table-cell;
position:relative;
vertical-align:bottom;
background-color: red; margin: 10px; width: 800px; height: 300px;
}
.small {
display: inline-block;
width: 150px; height: 150px; background-color: blue;
margin: 10px;
}<div id="big">
<div class="small">1</div>
<div class="small">2</div>
<div class="small">3</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将一个div对齐到左侧，另一个div对齐到中心？
- 2
如何将一个 div 顶部和另一个底部与容器 div 对齐？
- 3
如何在另一个div中将一个div居中？
- 4
如何在另一个div中垂直对齐div？
- 5
将一个div与另一个的底部对齐
- 6
HTML-无法在另一个div的底部放置一个div
- 7
如何在Android中将文本一个对齐另一个对齐？
- 8
将两个div固定到另一个div的底部和顶部
- 9
你如何在另一个 DIV 内并排对齐 3 个 DIV 并正确对齐最后一个 DIV？
- 10
使跨度与水平线上 div 旁边的另一个跨度的底部对齐
- 11
将div定位到另一个div的底部，而不使用绝对值
- 12
将div放在另一个div的底部
- 13
将div对准另一个div的底部？
- 14
如何在另一个（或div）中运行/保存一个HTML文件？
- 15
如何在中心垂直对齐两个div，在底部保持一个div？
- 16
如何在中心垂直对齐两个div，在底部保持一个div？
- 17
在框（div）中将div分隔到另一个div的右侧
- 18
将最后一个 div 对齐到 flexbox 的底部
- 19
将旋转的div与另一个div对齐
- 20
将旋转的div与另一个div对齐
- 21
另一个div中间对齐的div
- 22
在另一个div内水平对齐div
- 23
HTML-无法将div放置在另一个div的底部
- 24
如何在另一个固定高度div内垂直对齐动态高度div
- 25
如何将一个div对齐到左边，另一个对齐到右边。在行动装置上，右边的上升，左边的下降
- 26
CSS如何使这个div在另一个div的底部
- 27
如何将div元素放到另一个div元素的底部
- 28
如何将文本放在另一个div的div底部
- 29
CSS如何使这个div在另一个div的底部
我来说两句