Javascript div中带有HTML/CSS标题的简单编码问题

谁能看看我网页上的这个链接吗？在布局div中，每个div的右上角都有一个标题，但是我有一个水平框，第一个框中的标题延伸到div的底部，而不是只有20px的高度。我一直在搜索这个代码，但我不明白为什么

提前谢谢

HTML

你有一个

.trigger.vertical * {
    height: 400px;
}

在CSS中，强制标题的高度为400px

---

这只发生在第一个标题上，因为只有第一个标题是.trigger.vertical的子项。使用Chrome检查元素时，显示20px的高度被此CSS类覆盖：

.trigger.vertical * {
  height: 400px;
}

---

我注意到IE11和Chrome 41.0.2272.118之间的布局有很多不同，因此布局可能存在其他问题。

添加！这对你的身高很重要，这将解决它

.caption-box {
position: absolute;
right: 0;
height: 20px!important;
width:100px;
background-color: red;
color: #fff;
z-index: 999;
}

---

你的链接在你的电脑上，美国无法访问请创建一个提琴来重现问题将你的代码放在提琴中不会产生你的问题，建议使用其他css排序livelink我的道歉这是漫长的一天：您将如何解决此问题？通过删除.trigger.vertical css中的高度，或者按照Dave Burns的建议添加！对高度很重要。

.trigger.vertical * {
  height: 400px;
}

.caption-box {
position: absolute;
right: 0;
height: 20px!important;
width:100px;
background-color: red;
color: #fff;
z-index: 999;
}