Question

点击带有活动的日历日（橙色方块）。

您会注意到日期框位于窗口的底部。

在样式表中，有一个这样的代码段......

.calendar *{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical align: top;
    behavior: url(pie/PIE.htc);
    }

... vertical-align: top;应该将该框置于窗口顶部，但事实并非如此。

如果您将vertical-align: top;添加到Chrome中的样式表，那么它可以正常工作。

不知道为什么会这样......想法？

Answer 1

我似乎是一个身高问题。从height: 100%;

中删除.calendar .c-specific

.calendar .c-specific {
position: absolute;
width: 100%;
height: 100%; <<< Remove this
left: 0;
top: 0;
display: none;
padding: 1em;
behavior: url(pie/PIE.htc);
}

Answer 2

这是您需要更改的行：

.calendar .c-holder .c-grid .c-row .c-day .date-holder {
font-size: 1.3em;
position: absolute;
right: 5%;
bottom: 5%; /*** CHANGE THIS TO TOP ***/ 
behavior: url(pie/PIE.htc);
}

CSS适用于调试器，但不适用于实时站点

2 个答案: