确定。所以这是代码。
bs div {
display: inline-block;
float: left;
text-align: center;
height: 4em;
overflow: hidden;
word-break: break-all;
}
.descriptio {
width: 60%;
background-color: lightcoral;
font-size:0.8em;
}
<div clasa="list">
<div class="ev-container">
<div class="tempus"><p>T-ALFA</p></div>
<div class="locus"><p>TYPE</p></div>
<div class="descriptio"><p>DESCRIPTION IS WHERE YOU FIND OUT</p>
</div>
</div>
和.tempus div有.locus。所有都没有边距，也没有从包含它们的div继承的填充。
为了对真理的热爱...为什么...为什么......当width:20%中的字体大小为.descriptio时，它会破坏div大小和浮动？
请告诉我。我准备将旧的，生锈的，可信赖的笔记本电脑扔到窗外。
谢谢@Steve Fenton的回答。在过去的两天里，我一直在用css第一次摆弄css。我不知道标准化CSS / HTML等人的吸烟是什么，但我肯定不想尝试。
我一直在阅读calc（）函数以及标准化委员会如何讨厌它。 “高”在他们中很高。
答案 0 :(得分：0)
由于您使用em高度，因此高度会发生变化，并且通过更改字体大小来有效地更改高度。
一种解决方法是将字体大小更改移动到段落：
.descriptio p {
font-size: 0.8em;
}
现在，所有三个div元素都具有相同的字体大小，因此4em将具有相同的高度。
答案 1 :(得分：0)
这是因为你的div的高度与字体大小相比较（你在em中给出了div高度）。使用高度：50px;例如，它正在工作。
答案 2 :(得分：0)
em是基于您当前字体大小的计量单位。
在您的示例中，如果div的字体大小为16px，则高度为64px（16 x 4）。
如果您想要静态高度，请改用像素。
就<div class="descriptio">而言，60%宽度是以其容器的大小来衡量的。它不受字体大小的影响。