逐渐增加 div 的 max/min-height: ？

Question

所以我有一个内容 div，在增量高度为 400 像素时看起来效果最好。

如果内容大小不同，底部看起来很有趣，即，如果由于里面的内容而高度为 638 像素。但是，如果它是 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');
});