Galera,
Faz bastante tempo que estou trabalhando num projeto com o framework Lumen (A versão "modesta" do Laravel), nele também estou usando o Blade (pra deixar o trabalho mais rápido).
Existem alguns layouts/includes nos php's em blade que afetam todas as páginas do site. No layout/include principal (que cabe a todas as páginas), sua estrutura encontra-se dessa maneira:
<div class="container">
@yield('content')
</div>
O problema é o seguinte:
- Possuo um banner na página principal que está sendo afetado pelo container, de fato, era para o mesmo estar em full-width (como o fluid-container do Bootstrap).
- Não tenho como criar outro include pra essa página, senão teria que alterar várias estruturas e isso afetaria todo o site.
- Não posso alterar o include principal, senão todas as páginas vão perder o container.
O que eu preciso é:
Existe alguma forma de um "<div><img></div>" quebrar o css da sua parent?
Já tentei usando top, left, ajustando width, height, float, position...
O único que funcionou, claro, foi o position: absolute, mas ele F!@# com a página toda.
Alguma sugestão do melhor a ser feito?