Задать вопрос
woonem
@woonem

Как в блоке с отступами по ширине разместить блок, шириной на весь экран?

<html>
 <body style="margin: 0; padding: 0;">
  <div class="padding" style="padding: 15px;">
Текст с отступами
   <div class="fullwidth">
Текст без отступов по бокам
   </div>
   <img class="fullwidthimg" src="/picture.png" alt="picture">
   <!--^Картинка без отступов по бокам-->
  </div>
 </body>
</html>


Что надо написать в свойства fullwidth, чтоб он касался краев блока padding, игнорируя свойство padding: 15px?
И что надо написать в свойства fullwidthimg, чтоб картинка так-же касалась краев блока padding (на хабре, при просмотре с мобильных устройств, картинки в статье после полной загрузки страницы расширяются также)?
  • Вопрос задан
  • 234 просмотра
Подписаться Оценить Комментировать
Решение пользователя Тимофей К ответам на вопрос (2)
mr_T
@mr_T
Web-разработчик
margin: 0 -15px
:first-child - margin-top: -15px
:last-child - margin-bottom: -15px
Ответ написан