将一个div浮在另一个div的上面，并且让上面的div高度居中

        <div class="index-3-nr1" id="h5courseCom">
				<div class="index-3-nr1-fl">
					<div class="index-3-nr1-fl-nr">
						<p>※ 精选上等黑毛驴，代谢旺盛，体格健壮 </p>
						<p>※ 有机成分高，皮厚韧劲大为毛驴中的上品</p>
						<p>※ 出胶率高，胶质最好，熬出来的胶是上等胶</p>
					</div>
					
				</div>
				<img src="./images/正宗1.jpg" alt="" width="60%">
		 </div>



	    <script>
				var f1 = $('#h5courseCom').outerHeight(true);
				var f2 = $('.index-3-nr1-fl').outerHeight(true);
				var div1 = $('.index-3-nr1-fl');
                div1.css('top',(f1-f2)/2);
		</script>

        <style>
           .index-3-nr1{
				text-align: right;
				background-color: #f7f7f7;
				padding: 50px 0px;
				position: relative;
			}
			.index-3-nr1-fl{
				width: 50%;
				background-image: url(../images/正宗2.jpg);
				background-size: auto 100%;
				position: absolute;z-index:99;top:0;left:0;

			}
			</style>