我在容器div中有两个div.需要向右浮动另一个浮子.它们也需要在父母的内部垂直居中.我怎样才能做到这一点？
<div id='parent'>
<div id='left-Box' class='child'>Some text</div>
<div id='right-Box' class='child'>Details</div>
</div>
如果没有浮动应用于它们,则使用此css垂直对齐中间
.child{ display:inline-block; vertical-align:middle; }
但是添加#right-Box {float：right;导致孩子失去垂直对齐.我究竟做错了什么？
多谢你们
解决方法
here是您需要的解决方案的在线演示
它是用这个html制作的：
<div id='parent'>
<div id='left-Box' class='child'>Some text</div>
<div id='right-Box' class='child'>Details</div>
</div>
这个css：
#parent {
position: relative;
/* decoration */
width: 500px;
height: 200px;
background-color: #ddd;
}
.child {
position: absolute;
top: 50%;
height: 70px;
/* if text is one-line,line-height equal to height set text to the middle */
line-height: 70px;
/* margin-top is negative 1/2 of height */
margin-top: -35px;
/* decoration */
width: 200px;
text-align: center;
background-color: #dfd;
}
#left-Box { left: 0; }
#right-Box { right: 0; }
