Я пытаюсь разместить изображение на своем сайте. Но изображение пересекает границу div и выходит наружу, что делает сайт горизонтально прокручиваемым.

Я использую тег float в css.

Вот мой код css


.image-2{
    width: 40%;
    display: block;
    float: right;
    padding-right: 50px;

}

Мой сделал таблицу стилей

.about{
    display: block;
    width: 100%;
    height: 750px;
    background-image: linear-gradient(to top right, #130178, #4F35DF, #5FD0F5);
}

Как я могу сохранить изображение внутри div и не дать ему выйти наружу и увеличить ширину сайта?

1
Mridushyamal Barman 23 Окт 2019 в 21:06

2 ответа

Лучший ответ

Используйте max-height:100%; max-width:100%; object-fit: contain; для изображения внутри div.

2
Jschriemer 23 Окт 2019 в 18:10

Добавить ширину: 100%; к изображению. затем изображение внутри родительского элемента

0
mehrdad 23 Окт 2019 в 20:09
58528680