Задать вопрос
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 (на хабре, при просмотре с мобильных устройств, картинки в статье после полной загрузки страницы расширяются также)?
  • Вопрос задан
  • 234 просмотра
Комментировать
Подписаться Оценить Комментировать
Решения вопроса 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 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
HTML-верстальщик
ТехСофт
от 60 000 до 60 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать копию бота тг
31 янв. 2025, в 12:43
6000 руб./за проект
Разработка мобильной игры Unity/android по ТЗ на основе ассета
31 янв. 2025, в 12:27
10000 руб./за проект
Доработка мобильной игры на юнити для андройд
31 янв. 2025, в 12:21
1000 руб./за проект
Ещё заказы