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

Stack Overflow用户

提问于 2014-08-30 21:49:11

回答 1查看 149关注 0票数 0

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

.left, .right {
  width: 170px;
  min-height: 150px;
  border: 1px solid #666;
  display: inline-block;
}

<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>

css

回答 1

Stack Overflow用户

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

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

票数 4

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

原文链接：

https://stackoverflow.com/questions/25583053

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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