首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么min-height会将div推到底部?

为什么min-height会将div推到底部?
EN

Stack Overflow用户
提问于 2014-08-30 21:49:11
回答 1查看 149关注 0票数 0

min-height被添加到CSS中时,div.left会被推到底部。有人能解释为什么会发生这种情况吗?

代码语言:javascript
代码运行次数:0
运行
复制
.left, .right {
  width: 170px;
  min-height: 150px;
  border: 1px solid #666;
  display: inline-block;
}
代码语言:javascript
代码运行次数:0
运行
复制
<div class="left">
  <ul>
    <li>Lorem ipsum 1</li>
    <li>Lorem ipsum 2</li>
    <li>Lorem ipsum 3</li>
    <li>Lorem ipsum 4</li>
  </ul>
</div>

<div class="right">
  <ul>
  </ul>
</div>

EN

回答 1

Stack Overflow用户

发布于 2014-08-30 21:58:31

min-height不会将它下推,它的发生是因为vertical-align属性(它的默认值是baseline)。如果您在.left上应用vertical-align: top,问题就会得到解决。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25583053

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档