javascript - 将宽度扩展到 100%

Question

我有一个固定宽度的容器。其中我有一个页脚卡在固定宽度的 wrapper 中。我想将页脚宽度扩大 100%。

我无法修改 html 代码。我需要指导如何使页脚 100% 保持在固定包装中。

我试图通过相对位置/绝对位置使其工作。

这是我的代码。

<style>
    .wrapper{ width:980px; margin:0 auto}
    .body{background:red}
    .footer{ width:100%; background:green}
</style>

<div class="wrapper">
    <div class="body">Main body contain</div>
    <div class="footer">Footer</div>
</div>

Answer 1

绝对位置对你有用

   .footer {
    position: absolute;
        background:green;    
        left: 0;
        right: 0;
    }