将内联块div与容器元素顶部对齐

作者

当两个内联块divs具有不同的高度时，为什么两个块中较短的块不与容器顶部对齐？（演示）：

.container{
边框：1px黑色实心；
宽度：320px；
高度：120px；
}
.小{
显示：内联块；
宽度：40%；
身高：30%；
边框：1px黑色实心；
背景：aliceblue；
}
.大{
显示：内联块；
边框：1px黑色实心；
宽度：40%；
身高：50%；
背景：米色；
}
&lt；div class=“container”&gt；
&lt；div class=“small”&gt&lt/部门&gt；
&lt；div class=“big”&gt&lt/部门&gt；
&lt/部门&gt

如何对齐容器顶部的小div

因为垂直对齐默认设置为基线

改用垂直对齐：顶部：

.small{
显示：内联块；
宽度：40%；
身高：30%；
边框：1px黑色实心；
背景：aliceblue；
垂直对齐：顶部；/*&lt；——此*/
}

http://jsfiddle.net/Lighty_46/RHM5L/9/

或者正如@f00644所说，您也可以将float应用于子元素

相关文章：

  1. 如何使浮动元素居中？
  2. 用于Firefox的自定义CSS滚动条
  3. 大纲对文本的影响
  4. 如何调整单个flexbox项（覆盖调整内容）[重复]

发表评论

© 2026 开发百科-程序代码问答平台 • Built with