css - 如何将一些像素添加到div的当前高度

Question

我想提前从 auto 中增加要渲染的 div 的高度 10px。在 CSS 中，我将 div 的高度设置为自动

样式:

div {
  height: auto;
}

但我想要这样:

 div {
      height: auto + 10px;
    }

Answer 1

使用填充。

 div {
      height: auto;
      padding-bottom: 10px;
    }

或

 div {
      height: auto;
      padding-top: 10px;
    }

或

 div {
      height: auto;
      padding-top: 5px;
      padding-bottom: 5px;
    }

如果这不是您想要的，那么将 jQuery 与 css 一起添加，如下所示:CSS:

 div#auto10 {
      height: auto;
    }

JavaScript:

$(document).ready(function(){
    $('#auto10').height($('#auto10').height() + 10);
});