在 ASP.NET 中显示与桌面固定距离的按钮答案

【问题标题】：Display button with fixed distance to table bottom in ASP.NET在 ASP.NET 中显示与桌面固定距离的按钮
【发布时间】：2012-12-07 20:36:11
【问题描述】：

我的 ASP.NET Web 应用程序中有一个大表，该表充当我的容器（它只有边框），我在此表中绘制所有其他内容，我有一些按钮（水平对齐），我想要要显示这些按钮，使其与表格底部边框的距离始终保持不变，我该如何实现？

【问题讨论】：

可以加一段相关代码吗？也许是一张图片，可以让您了解您现在所看到的，以及它与您想要实现的目标有何不同？
在此链接中，您可以看到我的按钮（3 个按钮）靠近灰线：homezlab.info/main/…，但在此链接中：homezlab.info/main/…，相同的按钮位于离红线更远的位置他们下面的线，我希望这个距离总是一样的，谢谢

标签： html asp.net html-table

【解决方案1】：

你没有提供任何 HTML 代码，所以我想出了一些最有可能模拟你的情况的东西。这个想法是您将一个 div（此处：.wrapper）绝对定位在您的表格单元格（此处为 td#yourTD）中，这样它也将位于 td 的右下角。随意更改td 的宽度和高度，以便您可以看到按钮始终与底部保持相同的距离。

现场演示
http://jsfiddle.net/SR2GM/1/

CSS

#yourTD {
    border: 1px solid #000;
    height: 250px;
    width: 250px;
    position: relative;
}

.wrapper {
    position: absolute;
    bottom: 10px; /* change for another 'same distance' */
    right: 0;
    background: blue;
}

HTML

<table>
    <tr>
        <td id="yourTD">
            <div class="wrapper">
                <button>button X</button>
                <button>button Y</button>
                <button>button Z</button>
            </div>
        </td>
    </tr>
</table>

【讨论】：

感谢 Bazzz 为我提供了这个漂亮的小提琴，感谢它是我正在寻找的东西，我会在我的代码中测试它
谢谢，我认为我的按钮现在位于页面底部，但我希望它们位于我的白表（容器）中：homezlab.info/main/…，我怎样才能将它们带入我的白双桌子？
请看这个小提琴：jsfiddle.net/SR2GM/4，我希望我的按钮位于矩形边框内（即 hello 123 的顶部），但现在它们已连接到屏幕底部
我没有看到它们出现在屏幕底部，但我确实认识到了这个问题。如果按钮在屏幕底部而不是在您的td 中，则意味着您没有为您的td 指定position: relative。包装器的position:absolute 将使用position 而非static（默认）查看第一个父级。您希望这是您的td，因此在td 上指定position:relative。
谢谢，但是你已经设置了 td position: relative 然后这个 TD 里面的 DIV 有 position: absolute，但是正如你在这个小提琴中看到的：jsfiddle.net/SR2GM/4，按钮仍然位于底部页面（而不是 TD 内部），这也是我的代码的一部分：
，单元格有 position:relative并且它里面的DIV有位置：absolute，出了什么问题？