day008布局题:div垂直居中,左右10px,高度始终为宽度一半
问题描述: 实现一个div垂直居中, 其距离屏幕左右两边各10px, 其高度始终是宽度的50%。
: 100%;
}
.outer_wrapper {
margin: 0 10px;
height: 100%;
/* flex布局让块垂直居中
class"outer_wrapper">
<div class"inner_wrapper">
<div class"box">A</div>
</div
CSS呈流式布局,div默认宽度填满,即100%大小,给outwrapper设置margin: 0 10px;相当于让左右分别减少了10px。
class"wrapper">
<div class"box">A</div>
</div>
</body>
</html>
效果如下:
?