CSS Өндөр ба Өргөн

Элементийн өндөр ба өргөнийг тохируулахад height болон width шинж чанаруудыг ашиглана.

Пиксел (px): тогтмол хэмжээ заана, жишээ нь width: 300px;.
Хувь (%): эцэг элементийнхээ хэдэн хувийг эзлэхийг заана, жишээ нь width: 100%;.
max-width — элементийн эзлэх хамгийн их өргөн. Дэлгэцийн хэмжээ жижгэрэхэд автоматаар агшиж, скролл баар гарахаас сэргийлнэ.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
div.card {
    max-width: 400px;
    width: 100%;
    height: auto;
    background-color: #dbeafe;
    padding: 15px;
}
</style>
</head>
<body>
<div class="card">Энэ хайрцаг 400px-ээс ихгүй өргөнтэй, жижиг дэлгэцэнд 100% сунана.</div>
</body>
</html>

Туршиж үзэх »