在前端开发中,关于垂直居中,正式一个经常谈到的问题,本题中也不例外,这是一种一种更为简洁的div左右垂直剧中的css方法,用的也是绝对定位,具体看如下代码:

.model-box{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:400px;
	height:300px;
	overflow: auto;
	margin:auto;
	border:solid 5px #2e5f3e;
	background:#4fa46b;
	z-index:100
}
html代码:<div class=”model-box”></div>

效果:

点击此处查看