最小的例子,只有2个div:
<!DOCTYPE html>
<html>
<head>
<style>
div {
display:inline-block;
width:50px;
height:50px;
background-color:yellow;
}
</style>
</head>
<body>
<div>whoa</div>
<div></div>
</body>
</html>
第一个div
上方的空白区域是什么?为什么?如何将它们对齐到页面顶部,无论它们中是否有文本?