如何将一个浮动div对齐到表格单元右边的表格之外？

我有一张桌子。如何将一个浮动div对齐到表格单元右边的表格之外？

我想有一个元素外部到该表，这是垂直排列的表行之一。

像这样的画面： magic magic table

为了你可以看到表左边的（空行仍表本身的一部分，它是一个长表）。

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

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

如果我只是把div的th内，然后我left: XX移动它会相对移动到th的中心，而不是它的权利。我需要说“div，你应该定位XX个像素相对到这个td的右端”。

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

请帮忙吗？

HTML：

<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">

CSS：

div.clashes { 
    height: 0; 
    position: relative; 
    left: 200px; 
    float: right; 
}

正如你所看到的，我试图把div里面说th，并将其移动到正确的，但因为它是ID不做我的意思是做的（在图片中，我手动将它移动到正确的位置）。

来源

2017-06-20 Pole Vedonom

发布您的代码 – Ryan

@Ryan完成，谢谢 –

你可以给表设置一个宽度吗？像：

table { 
    width: 75%; 
}

如果不工作，你可以是你的代码，所以我可以看到更多的，你说的是什么呢？

来源

2017-06-20 19:49:44

如果可能，我宁愿不必依赖于这样的限制。如果只有你知道如何，我会认为这可以完成。代码发布，谢谢。 –

您是否尝试过与显示器混淆？比如使所有的东西都显示：block;'。 –

有点，但没有发生。无论如何，即使我可以设置一个宽度的桌子，这怎么可能？ –

如何将一个浮动div对齐到表格单元右边的表格之外？

回答

相关问题