How to add some pixels to the current height of div

css

Solution

Use padding.

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

or

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

or

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

if this is not you desired then add jQuery together with the css like below: css:

 div#auto10 {
      height: auto;
    }

javascript:

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

Problem

I want to increase the height of the div to be rendered 10px additional in advance from the auto. in CSS I have set the height of div to auto css : ``` div { height: auto; } ``` But I want like this: ``` div { height: auto + 10px; } ```

Original source