9,003
edits
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
width: 300px; /* Задает фиксированную ширину для примера */ | width: 300px; /* Задает фиксированную ширину для примера */ | ||
padding: 0; /* Убирает внутренние отступы у <li> */ | padding: 0; /* Убирает внутренние отступы у <li> */ | ||
} | } | ||
.top-part { | .top-part { | ||
height: 50px; /* Фиксированная высота для верхней части */ | |||
background-color: #e0e0e0; /* Фон верхней части */ | background-color: #e0e0e0; /* Фон верхней части */ | ||
padding: 10px; | padding: 10px; | ||
box-sizing: border-box; /* Чтобы padding не увеличивал высоту */ | |||
border-bottom: 1px solid #ccc; /* Разделительная линия между частями */ | border-bottom: 1px solid #ccc; /* Разделительная линия между частями */ | ||
} | } | ||
.bottom-part { | .bottom-part { | ||
height: 100px; /* Фиксированная высота для нижней части (больше верхней) */ | |||
background-color: #d0d0d0; /* Фон нижней части */ | background-color: #d0d0d0; /* Фон нижней части */ | ||
padding: 10px; | padding: 10px; | ||
box-sizing: border-box; /* Чтобы padding не увеличивал высоту */ | |||
} | } | ||
| Line 27: | Line 27: | ||
padding-left: 0; | padding-left: 0; | ||
} | } | ||