HTML：跨度顶部是\'float\'td吗？

问题描述

| 我有以下内容。 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>

    

解决方法

        您不能像这样在tr内放置跨度。这不是有效的html。我将执行以下操作...（仅显示重要的CSS）

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

的CSS

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

    ,        我想你是说

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

将TD的ѭ8和跨度的ѭ9怎么样？