对齐底部的div

2018-06-27 02:31:22

这个问题在这里已经有了答案：

如何将div的内容与底部对齐？ 24个答案

这是小提琴演示

你错过了position:absolute; 从你的CSS。

大多数人建议避免内联css，而不是将父类div关联到类，然后将css应用于它。

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<style>
.footer-div{
    bottom:0;
    overflow:auto;
    word-wrap:break-word;
    display:block;
    position: absolute;
}
</style>
</head>
<body>
<div class="footer-div" ng-show="noData || failedStatus">
    <div class="alert alert-danger" ng-show="noData" style="overflow:auto;word-wrap: break-word;">
        <!-- something -->
        Some text
    </div>
    <div class="alert alert-danger" ng-show="failedStatus" style="overflow:auto;word-wrap: break-word;">
        <!-- something -->
        Some text
    </div>
</div>
</body>
</html>

链接地址: http://www.djcxy.com/p/75779.html

上一篇: align a div at the bottom

下一篇: How can place an element at the bottom of another element using CSS?