无法获取CSS替换表2单元格，宽度为1的右边

问题描述

| 是的，我知道这似乎又是一个相同的问题，但请给我一次机会... 我正在尝试创建类似于http地址框和\“ go \”按钮的内容： [输入框-整个窗口的宽度减去右键的尺寸] [转到按钮] 一张桌子非常简单（也可以使用

<form>

和输入框）

<table width=\"100%\"><tr>
<tr>
<td>free text goes in here and takes as much space as available! free text goes in here and takes as much space as available!</td>
<td width=\"1\"><a href=\"\">GO</a></td>
</tr></table>

在回答之前，请注意，对CSS“成功”至关重要的是，不要将GO按钮的宽度设置为固定值！我知道如何在CSS中以固定宽度向右浮动，但是...这意味着，如果\“ GO \”文本更改为\“ RUN \”或字体更改，我必须手动重新-设置右固定部分的宽度。这使得CSS（IMNSHO）的重点毫无意义，尤其是。如果一个表足够聪明，可以执行此操作。     

解决方法

        演示小提琴 HTML：

<form action=\"\">
    <fieldset>
        <button type=\"submit\">GO</button>
        <span>
            <input type=\"text\" />
        </span>
    </fieldset>
</form>

CSS：

fieldset {
    border: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
button {
    float: right;
}
span {
    display: block;
    overflow: hidden;
    padding-right: 10px;
}
input {
    width: 100%;
}

在IE7，IE8，IE9，Opera 11，Chrome 12，FF 4，SafariWin 5中的Win7上进行了测试。 感谢三十点的最新修订。