CSS 将子div与父div的底部对齐
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 将子div与父div的底部对齐相关的知识，希望对你有一定的参考价值。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<style>
html, body {height: 100%}
#outer {position: relative; height: 50%;}
#inner {position: absolute; bottom: 10px;}
#outer, #inner {border: 1px solid #ccc;}
</style>
<body>
<div id="outer">OUTER
<div id="inner">INNER
</div>
</div>
</body>
</html>
以上是关于CSS 将子div与父div的底部对齐的主要内容，如果未能解决你的问题，请参考以下文章
将嵌套的div与父div的底部对齐
CSS 将嵌套div与父div的基础对齐
使用CSS在div底部对齐按钮
CSS：用底部对齐的文本包装一个浮动的 div
如何将标签与 CSS 中 div 的“底部”对齐？
CSS 居中对齐div水平和页面底部