为什么min-height会将div推到底部？
提问于 2014-08-30 13:49:11
当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>
回答 1
Stack Overflow用户
发布于 2014-08-30 13:58:31
min-height不会将它下推，它的发生是因为vertical-align属性(它的默认值是baseline)。如果您在.left上应用vertical-align: top，问题就会得到解决。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25583053
复制相关文章
![【WebService】——SOAP、WSDL和UDDI[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/7007227d95433f70f5901a1a88a1a5ed.jpg)
腾讯云开发者
