Если вы хотите, чтобы средний элемент пролегал по всей странице по вертикали, вы можете использовать calc()
, который введен в CSS3.
Предполагая, что у нас есть фиксированная высота Предполагаемая разметка Итак, ваш CSS должен быть Итак, что вы делаете, добавляя высоту элементов и вычитая из Просто убедитесь, что вы используете
и html, body {
height: 100%;
}
header {
height: 100px;
background: grey;
}
section {
height: calc(100% - (100px + 150px));
/* Adding 100px of header and 150px of footer */
background: tomato;
}
footer {
height: 150px;
background-color: blue;
}
footer
элементов, и мы хотим, чтобы тэг section
занимал всю доступную вертикальную высоту ... html, body {
height: 100%;
}
header {
height: 100px;
background: grey;
}
section {
height: calc(100% - (100px + 150px));
/* Adding 100px of header and 150px of footer */
background: tomato;
}
footer {
height: 150px;
background-color: blue;
}
100%
с помощью функции calc()
. height: 100%;
для родительских элементов.
Ваш вопрос задавался ранее:
Это решение должно решить вашу проблему, и вы можете применить любой параметр разрыва, который вы хотите: Ссылка
SELECT
id_person,
created_date,
DATEADD(DAY, NoGroup*3, '1999-01-01') AS [Gap Start],
DATEADD(DAY, NoGroup*3+2, '1999-01-01') AS [Gap End],
SUM(DPT)
FROM
(
SELECT
id_person,
created_date,
DATEDIFF(DAY, '1999-01-01', created_date) AS NoDays,
DATEDIFF(DAY, '1999-01-01', created_date)/3 AS NoGroup,
DPT
FROM your_table
) subquery
GROUP BY
id_person,
created_date;