绝对定位TR＆amp; TD元素

Question

我试图绝对定位一个ASP.NET Datalist，它在一个带有TR和amp;的表中。 TD元素 - 我有TR水平显示 - 应用绝对定位只显示最后一个TD元素。使用相对/静态显示整个TD元素应该是什么 - 我需要将它绝对定位在一个位置 - 发现很难正确 - 任何建议？

.AspNet-DataList table 
{ 
width: 200px;
}

.AspNet-DataList tr, .AspNet-DataList td 
{
float: left;
left: 250px;
padding-right: 2px;
position: absolute;
top: 304px;
}

.AspNet-DataList td a
{
text-indent: -9999em;
display:block;
height: 25px;
width: 25px;
}

这是一个一步一步的形式，有一个cirlce橙色背景，数字1到6正在水平显示 - 想想提到它，以防你想到我想要实现的目标。我讨厌使用位置：绝对但有时它只是你当时需要的东西而不能没有它。

这是表格和div;

<div class="radarform">
<div class="look-for">Look For</div>
<div class="agree">Agree</div>
<div class="strongly-agree">Strongly Agree</div>
<div class="disagree">Disagree</div>
<div class="strongly-disagree">Strongly Disagree</div>
<energy:FormBuilder ID="HealthAndSafetyRadarForm" runat="server" XmlPath="~/asset/forms/securusradarform.xml" CssClass="hsRadarform" ButtonText="Send Form" ShowTitle="true" ShowSideBar="true" />
<div class="clear-me"></div>
</div>

在Firefox FireBug中，它显示了这个并且有我自己使用的类;

<div id="ctl07_HealthAndSafetyRadarForm_Wizard_SideBarContainer_SideBarList" class="AspNet-DataList">

更新：我设法解决了问题 - 我正在定位td，所以他们最终彼此相遇 - 我在桌子上做了这个，然后相对定位hsRadarForm - 已经排序它出来了 - 天哪，我讨厌这个位置：绝对。

.AspNet-DataList table 
{
left: 45px;
position: absolute;
top: -46px;
width: 175px;
}

.AspNet-DataList tr, .AspNet-DataList td 
{
float: left;
padding-right: 2px;
}

Answer 1

您可以将数据列表包装在DIV中并绝对定位吗？有时候把东西放在一个容器中并且绝对定位它们会更容易。

Answer 2

我很难理解你想要达到的目标 - 关于圆形橙色背景？ - 但如果你确实需要重新定位td元素，你几乎肯定需要将td，tr，tbody和table设置为display: block;