align a div at the bottom

2018-06-27 02:31:22

This question already has an answer here:

How to align content of a div to the bottom? 24 answers

Here is the Fiddle Demo

You were missing position:absolute; from your css.

It is most recommented to avoid inline css instead you have class associated with the parent div and then apply the css to it.

<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/75780.html

上一篇: css如何使这个div在另一个div的底部

下一篇: 对齐底部的div