div元素不会在缩放时自动调整自身

Question

我在网站主页上的横幅下方有一个表单。表单有一个提交按钮，整个站点都是响应式的。

在缩放浏览器（cntrl +向上/向下滚动）时，提交按钮会脱离div。

表格采用表格（td，tr）格式。

    filterWrap tr td + td, .filterWrap2 tr td + td {
    border-left: 1px solid #E1E1E1;
}

    .filterWrap td {
    padding-left: 18px;
    padding-right: 18px;
}

    .filterWrap tr td, .filterWrap2 tr td {
    width: auto;
}

提交按钮div：

<td rowspan="3"><a onclick="jQuery(this).closest('form').submit(); return false;" href="">
            <div class="filterBtn">
            <p>Submit</p>
          </div>
            </a></td>

您可以在此链接的横幅上查看表单：http://studio702.biz/venuevista/

任何建议都会非常有用

Answer 1

如果你取宽度filterForm＆amp; filterWrap然后filterForm将适合大小并停止您的问题。

如果您提供JSFiddle，我会根据您的需要为您更改代码。