Как уменьшить маржу нижней части контейнера изображения [дублировать] ⇐ CSS

[Anonymous]

Я хочу исправить нижний край изображения. Когда я устанавливаю нижнюю маржу на 0, ничего не меняется, и это не влияет на страницу. Я хочу уменьшить нижний запас, чтобы изображение вписывалось в контейнер содержимого. Когда я установил нижний край 0, он, похоже, не имеет никакого эффекта - нет видимых изменений, и положение изображения не регулируется, как и ожидалось. Мне нужно еще больше уменьшить нижний запас, чтобы изображение вписывалось в контейнер в контейнере, не оставляя дополнительного места под ним. По сути, я хочу, чтобы изображение идеально соответствовало границам контейнера, и удаление поля должно помочь достичь этого. < /P>

Код: Выделить всё

    *{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body{
background-color: #dad6d6;
}

h2{
* text-align: center; */
margin: 0 0 10px;
font-size: 22px;
}

h4{
font-size: 18px;
margin: 10px; 0;
}

P{
font-size: 14px;
line-height: 22px;
}

.wrapper{
width: 500px;
margin: 50px auto;
background-color: #f23b3b;
}

.iamge-container{
max-width: 100%;
width: auto;
/* padding: 5px;
margin: 10px;
padding-bottom: 0;
margin-bottom: 0; *
margin-bottom: 0;
}
.hero-image{
width: 100%;
object-fit: cover;
}

.wrapper .content-wrapper{
font-family: Arial, Helvetica, sans-serif;
background-color: #f8b2b2;
padding: 26px;
box-shadow: 0 2px 6px rgb(10, 10, 33);
}

< /code>
    





Document





[img]https://i.imgur.com/FeqqB0M.png[/img]

Majestic Heights: The Enchanting Allure of Everest
[h4]Exploring the World's Tallest Peak and Its Timeless Mystique[/h4]
Towering at an awe-inspiring 8,848.86 meters, Mount Everest stands as the crown jewel of the Himalayan range.
Drawing adventurers and dreamers from across the globe. Its snow-clad peaks, rugged terrain

Подробнее здесь: https://stackoverflow.com/questions/793 ... -container