ein div mit einer festen Höhe

Question

hier Zentrieren ist das, was mit:

und hier ist mein Code:

<div style="height:300px;"> 

<div style="height:300px;float:left;width:50%;"> 
    <div style="height:200px;width:70%;margin:auto; background-color:pink;"></div> 

</div> 
<div style="float:right;width:49%;"> 


</div> 

ich die Höhe bereits gesetzt, und ich will um die rosa Box in der Mitte vertikal auszurichten, aber margin wird nicht funktionieren. Wie mache ich es?

Answer 1

können Sie leicht mit erreichen

display:inline-block; 
vertical-align: middle; 
margin : 0 auto; 

Answer 2

dieses Styling in Ihre rosa Box div hinzufügen.

position: relative; 
top: 50%; 
transform: translateY(-50%); 
-ms-transform: translateY(-50%); 
-webkit-transform: translateY(-50%);