如何使整个页面的div浮动左侧并始终处于垂直中间左侧？垂直div浮动在页面的左侧中间
我的HTML代码很简单：
<body>
<div class="num_book">
<img src="imgs\PhoneDir.png" alt="phone dir" height="142.2" width="45.6">
</div>
</body>
我的CSS是迄今为止：
.num_book {
float: left;
}
我试着在我的CSS：位置，保证金，填充显示，垂直对齐没有运气， 有什么想法？
我会做这种方式，使用flexbox：
.wrapper {
/* vertical bar on left side */
height: 100%;
left: 0;
position: fixed;
top: 0; \t
/* align items inside vertically centered */
align-items: center;
display: flex;
}
.centered {
background-color: red;
}<div class="wrapper">
<div class="centered">Hello!</div>
</div>的.wrapper是固定的（see position）垂直的左侧边栏，和.centered内部与中心垂直对齐（请参阅display: flex和align-items）。
body{
width: 100vw;
height: 100vh;
position: relative;
}
.box{
width: 200px;
height: 200px;
background: red;
position: fixed;
bottom: 0px;
top: 0px;
left: 0px;
margin: auto;
}<body>
<div class="box"></div>
<body>这是2017，use a flexbox。
.container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
的一种方法是设置顶部至50％，绝对位置。
<style>
.num_book {
float: left;
top:50%;
position:absolute;
}
</style>
<body>
<div class="num_book">
<img src="imgs\PhoneDir.png" alt="phone dir" height="64" width="64">
</div>
</body>