特定のdivをdivの外に出す方法

今日久々に仕事でWebのテンプレートをいじり倒しました。
CMSですので、PHPやらJSやらが入り組んでおりますが、
特定のページを作成する際、なんとfooterがPHPによって引っ張られてくる仕様…
しかもfooterがなぜかあとから作成したdivの中に入り込んでしまって、外のwidthが指定されてしまっているため、footerも同じwidthになってしまう…
footerはwidth:100%で表示したいのに…

そんな時、
特定のdivをdivの外に出す方法を見つけましたので備忘録として書き留めておきます。

例として今回のHTMLを書きます。

<div id=“kakoidiv”>
<!—ここが自動生成のため見えない—>
<div id=“footer”></div>
<!—ここまで—>
</div>

この内側に入ってしまっているdivに対して、

div#footer{
                 width: 100%;
                 position: relative;
                 left: 50%;
                 transform: translateX(-50%);
                 margin-top:20px;
                 }

とかけると外に出て100%のwidthで表示されるようになります。
ご参考になれば幸いです。