DIV中标签影响高度

<script type="text/javascript">

    $(document).ready(function () {

        //parent.$.modalbox.resize({w: 500, h: 300});

        //parent.$.modalbox.moveto("center");

        console.warn($("body>div:first").height());

        console.warn($("body>div:first").outerHeight(true));

        console.warn($("body>div:first>h3").height());

        console.warn($("body>div:first>h3").outerHeight(true));

    })

</script>

<body>

    <div>

        <h3 style="margin-top:10px;

            margin-bottom:10px;">

            <span id="pass-title">xyz</span>

        </h3>

    </div>  

</body>