Используйте Padding, чтобы сохранить дочерние элементы в центре css

Я делаю дочерние элементы горизонтальными и хочу держать их в центре с помощью CSS, я знаю, что их много способов сохранить его в центре, используя только css, но я хочу использовать отступы, чтобы сохранить дочерний элемент в центре окна высота,

Почему Padding: я работаю над IE-11, и если я держу свой элемент в центре, применяя:

#mycontainer{ min-height:450px;top:20%;bottom:20%;} 

то прокрутка происходит только при завершении мыши или фокусировке на #mycontainer,

поэтому, применяя дополнения:

#mycontainer{ height:100%;padding:20% 0 20% 100px;}

мой свиток работает повсюду на странице, но это не удерживает элементы в центре.

Итак, на данный момент я достигаю этого, используя jquery:

var padding = ($(window).height() - content_height) / 2;

$('#mycontainer').css({ 'padding': (padding+'px') + ' 0 ' + (padding+'px') + ' 100px' });

Возможно ли это только с помощью CSS?

Вот моя скрипка