HTML 标签不会跨越 colspan 2 单元格中的第 1 列

Question

我正在维护的网站上有一个 HTML 表格。为了适应新的布局，我需要制作一个输入框的单元格 colspan 2。问题是，有一个伴随的标签需要保持在同一行。

当我进行更改时，标签没有越过第一列的“边界”线。

例如: 栏位

|--------|--------|--| - 布局

|----------------|--| - Colspan="2"

|[=======]*-|--| - [===]输入框，*标签应在何处

|------*--------|--| - * 当我向右浮动时标签在哪里

HTML:

<td id="TdPhyAddress2" class="style10" colspan="2">
    <input id="txt1" runat="server" Height="20px" Width="476px" style="float:left"></input>
    <asp:label id="lbl1" Runat="server" style="float:right" ></asp:label>
</td>                  
<td></td>

出于某种原因，标签不会越过“第一”列线，即使向右浮动也是如此。我使用 Visual Studio，即使在设计器 View 中，我也无法将标签拖放到输入和单元格末尾之间的空间中。

我不明白为什么会这样？单元格 colspan 不应该应用于该单元格中的所有元素吗？

如有任何帮助，我们将不胜感激。

Answer 1

float right 忽略大多数包含元素，并简单地向右浮动，只要它可以确定父元素的宽度。 尝试:

text-align: right

相反。