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

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

<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 (на хабре, при просмотре с мобильных устройств, картинки в статье после полной загрузки страницы расширяются также)?
  • Вопрос задан
  • 230 просмотров
Комментировать
Подписаться Оценить Комментировать
Решения вопроса 2
@KronosHD 
.fullwidth{
  position: absolute;
  width: 100%;
}
 .fullwidthimg{
 width: 100%;
}
Ответ написан
8 комментариев
8 комментариев
mr_T
@mr_T
Web-разработчик
margin: 0 -15px
:first-child - margin-top: -15px
:last-child - margin-bottom: -15px
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать CRM/ERP проект на Pure Php + Symfony
26 апр. 2024, в 18:27
200000 руб./за проект
Таргетированная реклама в Tik Tok
26 апр. 2024, в 18:24
80000 руб./за проект
Протестировать виджет на личном сайте
26 апр. 2024, в 18:00
500 руб./за проект
Ещё заказы