<div class="box"></div>
<div class="box">x-baseline</div>
.box{
display: inline-block;
width: 200px;
height: 200px;
border: 1px solid #cccccc;
background: #f0f0f0;
font-size: 30px;
}
/*
一个 inline-block 元素，如果里面没有内联元素，或者 overflow
不是 visible，则该元素的基线就是其 margin 底边缘;否则其基线就是
元素里面最后一行内联元素的基线。
*/