CSS可以在调试器中工作,但不能在实时站点上工作

CSS可以在调试器中工作,但不能在实时站点上工作,css,vertical-alignment,Css,Vertical Alignment,请复习我的作业 单击有活动的日历日(橙色方框) 您会注意到,日期框位于窗口底部 在样式表中,有这样一个片段 .calendar *{ -moz-box-sizing:border-box; box-sizing:border-box; vertical align: top; behavior: url(pie/PIE.htc); } …垂直对齐:顶部应该将该框带到窗口顶部,但它没有 如果添加垂直对齐:顶部到Chrome中的样式表,然后就可以正常工作了

请复习我的作业

单击有活动的日历日(橙色方框)

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

在样式表中,有这样一个片段

.calendar *{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical align: top;
    behavior: url(pie/PIE.htc);
    }
…垂直对齐:顶部应该将该框带到窗口顶部,但它没有

如果添加
垂直对齐:顶部到Chrome中的样式表,然后就可以正常工作了


不知道这是为什么。。。想法

这是您需要更改的行:

.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);
}

我似乎是个身高问题。移除
高度:100%来自
.calendar.c特定的

.calendar .c-specific {
position: absolute;
width: 100%;
height: 100%; <<< Remove this
left: 0;
top: 0;
display: none;
padding: 1em;
behavior: url(pie/PIE.htc);
}
.calendar.c特定于{
位置:绝对位置;
宽度:100%;

身高:100%;继续编码A!谢谢!