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!谢谢!