如何在HTML Layout中获取中心框以及下面代码中的屏幕尺寸？ [英] how to get center box in HTML Layout along with screen size in the below code?
本文介绍了如何在HTML Layout中获取中心框以及下面代码中的屏幕尺寸？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<!DOCTYPE html>
<html>
<head>
<style>
box {
margin: auto;
height: 100%;
width: 100%;
display:block;
}
.innerBox {
height: 619%;
width: 39%;
position:initial;
border: 1px solid red;
box-sizing:border-box;
display:block;
}
.innerBox.left{
float:left;
}
.innerBox.center{
margin:auto;
display:block;
}
.innerBox.right{
float:right;
}
</style>
</head>
<body>
<div class="box">
<div class="innerBox left">
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="box">
<div class="innerBox center">
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="box">
<div class="innerBox right">
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</body>
</html>
推荐答案
这篇关于如何在HTML Layout中获取中心框以及下面代码中的屏幕尺寸？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
