jak ustawić div na 100% szerokość w div jednostki nadrzędnej, która ma dopełnienie 40px - css, html5, responsive-design

Mogłem zadać to pytanie w dezorientujący sposób.

Zasadniczo potrzebuję tego: http://www.jayflood.com/layout.jpg

Jestem pewien, że jest na to mnóstwo sposobów, ale moim problemem jest praca w istniejącej wcześniej strukturze. Kontener macierzysty nie ma ustawionej szerokości, ale ma 40px wypełnienia.

Potrzebuję, aby zawartość div została uznana za szerokość 100%, więc mogę poprawnie podzielić divy wewnątrz.

Pytanie jest w zasadzie - czy możliwe jest posiadanie mniejszego diva o 100% szerokości.

Odpowiedzi:

ustaw jego margines na -40px

div {
margin:-40px;
}

odejmij dopełnienie przy użyciu ujemnego marginesu, więc jeśli rodzic ma dopełnienie 40px, ustaw dziecko na margines -40px ex.

#parent{
padding: 40px;
}

i

#child{
width: 100%;
margin: -40px;
}