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

鸡蛋花儿

于 2019-03-14 11:29:14 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：学习类

本文链接：https://blog.youkuaiyun.com/weixin_43194235/article/details/88549619

学习类专栏收录该内容

4 篇文章

订阅专栏

精选上等黑毛驴，其代谢旺盛，体格健壮，有机成分高，皮厚韧劲大，出胶率高，胶质最好，是毛驴中的上品，熬制出的阿胶品质上乘。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


        <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>