Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как избавится от нижней линии блока CSS (https://javascript.ru/forum/misc/83363-kak-izbavitsya-ot-nizhnejj-linii-bloka-css.html)

Alexander3928 22.11.2021 22:52

как избавится от нижней линии блока CSS
 
Внизу есть линия. добовляет лишние 5px. Из-за чего это происходит? это как я понял из-за картинки, как это исправить?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .main_ {
    }
    .wrraper_ {
    max-width: 1400px;
    margin: auto;
    background-color: red;
    }
    .image_ {
    }
</style>
<body>
    <main class="main_">
        <div class="wrraper_">
            <img src="./src/IMG/body background.jpg" alt="" class="image_">
        </div>
    </main>
</body>
</html>

voraa 22.11.2021 23:44

.image_ {
		vertical-align:bottom;
    }

или

.image_ {
		display: block;
    }

или
.wrraper_ {
    max-width: 1400px;
    margin: auto;
    background-color: red;
    line-height:0;
    }


Часовой пояс GMT +3, время: 16:39.