.css属性将表单按钮锚定在表单内的表格之外

Question

我正在尝试使用float或其他方式让表单按钮显示在下表之外：

<form action="./deleteentry.php" method="post">
    <?php
        foreach ($dbr as $var) {
    ?>
            <tr>
                <td><?php echo $i; ?></td>
                <td><?php echo $var["title"]; ?></td>
                <td><?php echo $var["year"]; ?></td>
                <td><?php echo $var["author"]; ?></td>
                <td><?php echo $var["condition"]; ?></td>
                <td><?php echo $var["genre"]; ?></td>
                <td><?php echo $var["publisher"]; ?></td>
                <td><input type="radio" name="order" value="<?php echo $i; ?>"/></td>
            </tr>
    <?php
        $i++;
        }
    ?>
<br /><br />
<div class="delshift">
    <input type="submit" value="Confirm" />
</div>
</form>

最终产品应如下图所示。我的form / div应该有什么.css属性？目前我的div有：

.delshift{
    float: right;
    overflow: hidden;
    clear: both;
}

抱歉有大图。

Answer 1

试试这个： -

<form action="./deleteentry.php" method="post">
<div style="width:100%;">    
<?php
        foreach ($dbr as $var) {
    ?>
            <tr>
                <td><?php echo $i; ?></td>
                <td><?php echo $var["title"]; ?></td>
                <td><?php echo $var["year"]; ?></td>
                <td><?php echo $var["author"]; ?></td>
                <td><?php echo $var["condition"]; ?></td>
                <td><?php echo $var["genre"]; ?></td>
                <td><?php echo $var["publisher"]; ?></td>
                <td><input type="radio" name="order" value="<?php echo $i; ?>"/></td>
            </tr>
    <?php
        $i++;
        }
    ?>
<br /><br />
</div>
<div class="delshift">
    <input type="submit" value="Confirm" />
</div>
</form>

Answer 2

您在上面发布的代码不是有效的html（没有包含tr标签的表格元素）...但是，如果您将tr包装在一个表中并向左浮动表格，然后还浮动包含提交的div按钮离开，你应该能够使它工作。

基本结构如下：

<form>
    <table style="float:left;">
        <?php code ?>
    </table>
    <div style="float:left;">
        <input type="submit" />
    </div>
</form>

Answer 3

使用float left for div包含表

<div style="float:left">
<form action="./deleteentry.php" method="post">
   <table>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>3</td>
                <td>4</td>

            </tr>
   </table>
<br /><br />
</div>
<div>
    <input type="submit" value="Confirm" />
</div>
</form>