Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 绝对定位TR&;TD元素_Css_Positioning_Css Position_Html Table_Tablerow - Fatal编程技术网

Css 绝对定位TR&;TD元素

Css 绝对定位TR&;TD元素,css,positioning,css-position,html-table,tablerow,Css,Positioning,Css Position,Html Table,Tablerow,我试图绝对定位一个ASP.NET数据列表,它位于一个包含TR&TD元素的表中-我让TR水平显示-应用绝对定位只显示最后一个TD元素。使用相对/静态显示整个TD元素,它应该是这样的-我需要将其绝对定位在一个位置-发现很难正确-有什么建议吗 .AspNet-DataList table { width: 200px; } .AspNet-DataList tr, .AspNet-DataList td { float: left; left: 250px; padding-right: 2p

我试图绝对定位一个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,水平显示-我想我会提到它,以防你的想法我试图实现。我讨厌使用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>

你能把数据列表包装在一个DIV中并绝对定位它吗?有时候,把东西放在容器中并绝对定位起来会更容易。

我正在努力理解你想要实现的目标-关于圆形橙色背景的东西?-但如果确实需要重新定位td元素,则几乎肯定需要将td、tr、tbody和table设置为
display:block

看一下链接-这就是我到目前为止看到的,我正试图定位这个绝对值,但出于某种原因,它只显示数字6-我需要显示块吗?我使用块和文本缩进隐藏文本,并使用jQuery添加背景圆,它被包装在
<div id="ctl07_HealthAndSafetyRadarForm_Wizard_SideBarContainer_SideBarList" class="AspNet-DataList">
.AspNet-DataList table 
{
left: 45px;
position: absolute;
top: -46px;
width: 175px;
}

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