css - 内联 block 上的最小高度不起作用

标签 css

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 8 年前

为什么这个 div 元素会剪裁内容?它应该适合内容

http://jsfiddle.net/ojfxtwdv/

<div>
    text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
    text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
</div>

div {
    display: inline-block;
    height: 200px;
    min-height: 200px;
    padding: 20px;
    width: 100%;
    border:1px solid black;
}

最佳答案

您已将 min-height 设置为 200px,还设置了 height200px 哪种类型的呈现 min-height 毫无意义。如果删除 height 内容将适合。

div {
    display: inline-block;
    /* height: 200px; Remove this */
    min-height: 200px;
    padding: 0;
    width: 100%;
    border: 1px solid black;
}

关于css - 内联 block 上的最小高度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28645100/

上一篇:html - 防止在改变尺寸时发生重叠

下一篇:javascript - 如何在新窗口中打开网页(弹出)

相关文章:

css - 将文本行对齐到底部

html - 如何在导航栏中输入下拉项

javascript - 在可扩展 Accordion 内显示 <div></div> - 不显示 <div> 内的内容

php - 用于 AJAX 实时搜索的箭头键和鼠标导航

css - Orchard CMS 确认消息出现在桌面上,但不会出现在手机或平板电脑上。试图修复它适用于所有

css - 语义用户界面 : Setting the column in center not it's content

html - 我怎样才能让这个 div 留在页面的末尾(而不是窗口的底部)?

css - 如何使用另一个div的高度自动设置div的高度

鼠标悬停时姐妹 div 的 JavaScript style.height

html - Div 的宽度被忽略