css - 使用CSS对齐div底部的按钮

Question

我想在我的 div 的右下角对齐我的按钮。我该怎么做？

div 的当前 css:

    float: right;
    width: 83%;
    margin-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:625px;
    overflow:auto;

Answer 1

您可以使用 position:absolute; 绝对定位父 div 中的元素。 使用 position:absolute; 时，元素将从第一个定位的父 div 绝对定位，如果找不到，它将从窗口绝对定位，因此您需要确保内容 div定位。

要使内容 div 定位，所有非静态的 position 值都可以使用，但是 relative 是最简单的，因为它不会改变 div 的定位本身。

因此将 position:relative; 添加到内容 div，从按钮中删除 float 并将以下 css 添加到按钮:

position: absolute;
right:    0;
bottom:   0;