Question

我有一张桌子。

我正在尝试为该表添加外部元素，即垂直对齐其中一个表格行。

就像这张照片： magic magic table

在左侧，您可以看到表格（空白行仍然是表格本身的一部分，它是一个长表格。）

在靠近底部的右侧，您可以看到一个外部div，它与左侧的tr对齐。

我理解解决方案可能涉及在所述外部div中使用position: relative，但对于我的生活，我未能获得正确的属性组合。

如果我只是将div放在th内，然后我将其移至left: XX，它将相对于{{1}的中心移动而不是它的权利。我需要说“th，你应该将XX像素相对定位到此div的右端”。

到目前为止，我不知道如何。

请帮忙吗？

HTML：

td

的CSS：

    <tr class="title">
            <th colspan=3 class="center">
                Match #13
                <button class="btn btn-info btn-xs" onclick="show_clashes( 13 );">Show clashes</button>
                <br>
                2016-11-04 00:00:00 ~ 2016-11-04 23:59:59

    <div class="clashes" id="match_clashes-13" style="display:none;">

        <table class="std">

正如你所看到的，我试图将div.clashes { height: 0; position: relative; left: 200px; float: right; }置于所述div内，并将其移至右侧，但因为它是id不能完成我的意思（在图片我手动将它移动到正确的位置。）

Answer 1

你能给桌子一个宽度吗？像：

table {
    width: 75%;
}

如果这不起作用，您可以包含您的代码，以便我可以看到您正在谈论的更多内容吗？

如何在桌子外面将浮动div对齐到表格单元格的右侧？

1 个答案: