HTML：'span'上的跨度？

Question

我有以下..

TD CSS

-webkit-border-horizontal-spacing: 0px; 
-webkit-border-vertical-spacing: 0px; 
background-attachment: scroll; 
background-clip: border-box; 
background-color: transparent; 
background-image: none; 
background-origin: padding-box; 
border-bottom-color: #999; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-collapse: separate; 
border-left-color: #999; 
border-left-style: solid; 
border-left-width: 1px; 
border-right-color: #999; 
border-right-style: solid; 
border-right-width: 0px; 
border-top-color: #CCC; 
border-top-style: solid; 
border-top-width: 1px; 
color: black; 
display: table-cell; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 30px; 
vertical-align: middle; 
width: 459px; 

TDHTML

<td class="lst-td" style="border-top:1px solid #ccc" width="100%"> 
    <div>content</div> 
</td> 

SPAN CSS

-webkit-border-horizontal-spacing: 0px; 
-webkit-border-vertical-spacing: 0px; 
background-attachment: scroll; 
background-clip: border-box; 
background-color: transparent; 
background-image: none; 
background-origin: padding-box; 
border-bottom-color: black; 
border-collapse: separate; 
border-left-color: black; 
border-right-color: black; 
border-top-color: black; 
color: black; 
display: block; 
float: right; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 23px; 
position: relative; 
top: 5px; 
white-space: nowrap; 
width: 194px; 
z-index: 5; 

SPAN HTML

<span name="wrapSpan" class="wrapSpan" id="wrapSpan" style="white-space:  
nowrap;"> 
Content here! 
</span> 

基本上我想跨度，以 “坐” 在TD。问题是现在它将它切断并显示在它后面。我将如何解决这个问题？

他们定位像这样..

<tr> 
    <td> 
    <span> 
</tr> 

Answer 1

我相信你的意思

<tr> 
    <td> 
     <span></span> 
    </td> 
</tr> 

什么让position:relative;到TD和position:absolute;top:0;left:0;的跨度？

Answer 2

你不能坐在这样一个tr里面。这不是有效的HTML。我会做以下...（只显示了重要的CSS）

<tr> 
    <td><span></span></td> 
</tr> 

CSS

td {position: relative;} 
span {position: absolute; top:0;left;0;}