Javascript 如何在移动视图中获得填充页脚全宽的按钮？

我试图在我的测试页面（在桌面视图中）的右栏中找到一个按钮，以便在移动视图中占据页面的整个页脚

这是我正在使用的css和js代码：

    @media screen and (max-width: 768px) {
        #register_text_container {
            position: fixed;
            bottom: 0px;
        }
}

$(function() { //doc ready
    if (!($.browser == "msie" && $.browser.version < 7)) {
        var target = "#register_text_container", top = $(target).offset().top - parseFloat($(target).css("margin-top").replace(/auto/, 0));
        $(window).scroll(function(event) {
            if (top <= $(this).scrollTop()) {
                $(target).addClass("fixed");
            } else {
                $(target).removeClass("fixed");
            }
        });
    }
});

我在每个类和id上都试过了，但到目前为止仍然无法让register按钮占据整个页面的宽度

谢谢你给我的任何帮助

谢谢

---

只需将按钮元素的宽度设置为100%。这将使它占据按钮父容器的全部宽度

使用样式属性进行设置，如下所示：

<div>
<button style="width: 100%">Press this full width button!</button>
</div>

按这个全宽按钮！

---

这将使按钮转到父div元素的全宽度

只要将按钮元素的宽度设置为100%。这将使它占据按钮父容器的全部宽度

使用样式属性进行设置，如下所示：

<div>
<button style="width: 100%">Press this full width button!</button>
</div>

按这个全宽按钮！

---

这将使按钮转到父div元素的全宽

您有一个

宽度：250px！重要信息

在此链接上

。输入文本链接次要步骤按钮

将其更改为

宽度：100%（并删除
！important
，它不是必需的）

然后添加
left:0和<代码>右侧：0在此
固定
元素
中。输入页面按钮容器

它应该能正常工作。
你有一个
宽度：250px！重要信息
在此链接上
。输入文本链接次要步骤按钮
将其更改为
宽度：100%（并删除
！important
，它不是必需的）

然后添加
left:0和<代码>右侧：0在此
固定
元素
中。输入页面按钮容器

而且它应该可以正常工作。
您必须删除宽度：250px！在
元素上添加重要的
，并将其添加到固定元素上

width: 100%;
left: 0;
bottom: -10px;

您必须删除宽度：250px！在
元素上添加重要的
，并将其添加到固定元素上

width: 100%;
left: 0;
bottom: -10px;

不幸的是，我无法访问该元素所在的HTML文档。有没有办法通过css实现这一点？当然，只需使用.class标识符或#id标识符在css中进行引用。然后像以前一样给它100%宽度属性。不幸的是，我无法访问该元素所在的HTML文档。有没有办法通过css实现这一点？当然，只需使用.class标识符或#id标识符在css中进行引用。然后像以前一样给它100%宽度属性。这也会起作用，但可能会删除！重要提示：-）。如果有任何东西试图为视觉效果对按钮进行小的调整，它会覆盖它。当然，它需要被删除：）在任何情况下都不需要它-我们都有过这样一个“为什么它不工作”的时刻，当CSS被队友CSSYes覆盖时，但我认为使用
！重要信息
不是一个好的采用方法，最好使用选择器更有效地发挥作用。：）不客气！我认为这不是一个好的实践，因为它将超越所有其他选择器，即使它们具有更高的特异性。有时，您可以使用它来覆盖某些javascript内联样式，但当您处理CSS时，我更喜欢考虑我使用的选择器，并在使用
之前理解它为什么不起作用！重要信息
：）这也可以，但可能会删除！重要提示：-）。如果有任何东西试图为视觉效果对按钮进行小的调整，它会覆盖它。当然，它需要被删除：）在任何情况下都不需要它-我们都有过这样一个“为什么它不工作”的时刻，当CSS被队友CSSYes覆盖时，但我认为使用
！重要信息
不是一个好的采用方法，最好使用选择器更有效地发挥作用。：）不客气！我认为这不是一个好的实践，因为它将超越所有其他选择器，即使它们具有更高的特异性。有时，您可以使用它来覆盖某些javascript内联样式，但当您处理CSS时，我更喜欢考虑我使用的选择器，并在使用
之前理解它为什么不起作用！重要信息
：）