height if use negative margin

by FiNGAHOLiC

HTML

<div class="mod-items">
    <div class="mod-item"></div>
    <div class="mod-item"></div>
    <div class="mod-item"></div>
    <div class="mod-item"></div>
    <div class="mod-item"></div>
</div>

CSS

.mod-items {
    background: yellow;
    margin-top: -10px;
}

.mod-item {
    background: red;
    height: 30px;
    margin-bottom: 10px;
}

JavaScript

var modItemsHeightA = $('.mod-items').outerHeight(true);
var modItemsHeightB = $('.mod-items').outerHeight();
var modItemsHeightC = $('.mod-items').height();

alert(modItemsHeightA);
alert(modItemsHeightB);
alert(modItemsHeightC);