Инкрементно увеличивать максимальную / минимальную высоту: деления?

Question

Итак, у меня есть div для контента, который лучше всего смотрится с инкрементной высотой 400px.

Если размер контента варьируется, нижняя часть выглядит забавно, т. Е. Имеет высоту 638px из-за содержимого внутри.Однако, если он 800px, он выглядит великолепно (то же самое для 1200 и 1600 и т. Д.)

Есть ли способ сделать #div { min-height: 800px; }, но если есть даже 801px контента, сделайте его привязанным к #div { min-height: 1200px; } сCSS или Javascript?

Answer 1

Как то так?

// set the height of a div with an id of 'test'
$(document).ready(function() {
 var height = $('#test').height();
 if(height % 400) {
     height = height - (height % 400) + 400;
 }
 $('#test').css('height',height+'px');
});