css - 绝对定位TR和TD元素

我试图将ASP.NET数据列表绝对定位在带有TR和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;
}

这是一个分步的表单，它具有水平显示的数字1到6的橙色橙色背景-请以id提及，以防万一您想实现什么目的。我不喜欢使用position：absolute，但有时只是您当时需要的东西而没有它就做不到。

这是表格和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-已经解决了-天哪，我讨厌position：absolute。

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

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

最佳答案

您可以将数据列表包装在DIV中并进行绝对定位吗？有时将东西放在容器中并对其进行绝对定位会更容易。

关于css - 绝对定位TR和TD元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8355020/