Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html chrome上的表定位问题_Html_Css_Google Chrome - Fatal编程技术网

Html chrome上的表定位问题

Html chrome上的表定位问题,html,css,google-chrome,Html,Css,Google Chrome,我已经在mozilla firefox上令人满意地实现了这个日历,当我尝试在chrome上查看它时,表并没有填满所有的父部分。表格高度与父部分相同,但它已向底部移动了一点,在部分和表格之间产生了一个空白 铬: 火狐: 在firefox中工作 这是代码,您可以在演示中试用,看看chrome和firefox之间的区别: 。对{ 浮子:对!很重要; } .wz用户界面输入[type=“checkbox”]{ 显示:无; } .wz用户界面输入{ 背景色:#fcfeff; 边框:1px实心#DCD

我已经在mozilla firefox上令人满意地实现了这个日历,当我尝试在chrome上查看它时,表并没有填满所有的父部分。表格高度与父部分相同,但它已向底部移动了一点,在部分和表格之间产生了一个空白

铬:

火狐:

在firefox中工作

这是代码,您可以在演示中试用,看看chrome和firefox之间的区别:

。对{
浮子:对!很重要;
}
.wz用户界面输入[type=“checkbox”]{
显示:无;
}
.wz用户界面输入{
背景色:#fcfeff;
边框:1px实心#DCDC;
边界半径:3px;
盒影:0 1px rgba(0,0,0,0.05)插入;
颜色:#4646;
光标:文本;
字体大小:13px;
高度:28px;
填充:0 10px;
宽度:204px;
}
.wz用户界面输入[type=“checkbox”]+标签i{
背景:url(“@static/checkbox_white.png”)无重复滚动-17px 0/51px 17px rgba(0,0,0,0);
显示:内联块;
高度:17px;
保证金:-1px4p0;
垂直对齐:中间对齐;
宽度:17px;
}
/*影子*/
.hide{display:none;}
.abs{位置:绝对;z索引:3;}
.fullHeight{height:100%;}
.fullWidth{width:100%;}
.top{top:0;}
.深色{背景色:#999;背景色:rgba(123123,0.7);不透明度:0.7;}
.center{text align:center}
/*日历顶栏*/
.wz用户界面标题{
宽度:100%;
高度:39px;
-webkit边界半径:3px 3px 0;
-moz边界半径:3px3px0;
边界半径:3px3px0;
背景色:#f1f1;
-webkit盒阴影:0 2px 4px rgba(0,1,1,1),插入0 1px rgba(255255,1);
-moz盒阴影:0 2px4pRGBA(0,1,1,1),插入0 1pRGBA(255255,1);
盒影:0 2px4pRGBA(0,1,1,1),插入0 1pRGBA(255255,1);
背景图像:-webkit线性渐变(底部,#b83e38,#da605b);
背景图像:-莫兹线性梯度(底部,#b83e38,#da605b);
背景图像:-o-线性梯度(底部,#b83e38,#da605b);
背景图像:-ms线性梯度(底部,#b83e38,#da605b);
背景图像:线性渐变(到顶部,#b83e38,#da605b);
}
.阴影边界{
高度:38px;
宽度:100%;
-webkit边界半径:3px 3px 0;
-moz边界半径:3px3px0;
边界半径:3px3px0;
背景色:#fdfeff;
边框:实心1pxRGBA(0,0,0,15);
}
.日历菜单{
显示:块;
浮动:左;
宽度:85%;
}
.日历菜单李{
边框底部:2倍纯色透明;
颜色:#e9b9b7;
显示:内联块;
字体大小:15px;
高度:28px;
利润率:0.11px;
填充:8px 1px 0;
}
.日历菜单li.active-type{
边框底部:3px实心#7ebe30;
颜色:#ffffff;
}
.日历菜单li:悬停{
边框底部:3倍实心#fff;
}
.日历菜单导航{
宽度:自动;
浮动:左;
}
.日历菜单事件查找器{
宽度:自动;
高度:21px;
填充物:5px10px;
}
.日历菜单事件查找器输入{
宽度:137px;
高度:25px;
-webkit边界半径:3px;
-moz边界半径:3px;
边界半径:3px;
背景色:#fcfeff;
-webkit盒阴影:插入0.2pxRGBA(0,0,0.05);
-莫兹盒阴影:插入0.2pxRGBA(0,0,0.05);
盒影:插入0.2pxRGBA(0,0,0.05);
边框:实心1px#a64440;
}
.日历按钮{
左边框:1px实心#9f3e3a;
身高:100%;
宽度:135px;
}
.wz视图最小化、.wz视图最大化、.wz视图关闭、.关闭图像{
边框:1px实心透明;
边界半径:2px;
浮动:左;
高度:9px;
填充:6px;
宽度:10px;
利润率:9px 10px 10px;
}
.wz视图最小化i{
背景:url(“@static/minimize.png”)无重复滚动中心底部/10px自动rgba(0,0,0,0);
显示:块;
高度:9px;
宽度:10px;
}
.wz视图最大化i{
背景:url(“@static/放大.png”)无重复滚动中心底部/10px自动rgba(0,0,0,0);
显示:块;
高度:9px;
宽度:10px;
}
.wz视图关闭i{
背景:url(“@static/close.png”)无重复滚动中心底部/10px自动rgba(0,0,0,0);
显示:块;
高度:9px;
宽度:10px;
}
.关闭图像一{
背景:url(“@static/close.png”)无重复滚动中心底部/10px自动rgba(0,0,0,0);
显示:块;
高度:9px;
宽度:10px;
}
/*日历概述*/
.日历头{
背景:无重复滚动0 0#fff;
高度:35px;
}
#日日历、周日历、月日历{
显示:无;
}
.日历处于活动状态{
宽度:100%;
身高:85%;
背景色:#fff;
边框:实心1pxRGBA(0,0,0,15);
显示:块!重要;
}
/*日历情态动词*/
#我的日历{
宽度:210px;
高度:122px;
-webkit边界半径:3px;
-moz边界半径:3px;
边界半径:3px;
背景色:#fff;
边框:实心1pxRGBA(0,0,0,15);
位置:绝对位置;
显示:无;
左边距:12px;
边缘顶端:31像素;
z指数:2;
}
#我的日历模式。我的日历列表{
左边距:11px;
利润上限:11px;
}
#我的日历模式。我的日历列出文章{
边缘底部:11px;
字体大小:13px;
}
#我的日历。日历{
显示:块;
宽度:100%!重要;
}
#我的日历模式{
浮动:左;
}
#我的日历模式。日历跨度图{
边界半径:4px;
浮动:左;
高度:8px;
右边距:5px;
位置:相对位置;
顶部:4px;
宽度:8px;
}
#我的日历模式。删除日历{
右边距:10px;
字体大小:12px;
颜色:#dc513a;
}
#工作跨度图{
背景色:#34aadc;
}
#办公室跨度图{
背景色:#5856d6;
}
#主跨度图{
背景色:#f79a03;
}
#我的日历模式。添加新日历{
文本对齐:居中;
边框顶部:1px实心#达达;
宽度:100%;
填充:11px0;
字体大小:13px;
}
#创建事件模式{
宽度:289px;
高度:289px;
-webkit边界半径:3px;
-moz边界半径:3px;
边界半径:3px;
背景色:#f1f1;
-webkit盒阴影:0 1px 5px rgba(0,0,0,3);
-moz盒阴影:0 1px 5px rgba(0,0,0,3);
盒影:0 1px 5px rgba(0,0,0,3);
显示:无;
z指数:4;
位置:绝对位置;
左边缘:34%;
利润率最高:11.5%;
字体大小:13px;
}
#创建日历模式{
宽度:289px;
高度:198px;
-webkit边界半径:3px;
-moz边界半径:3px;
边界半径:3px;
背景色:#f1f1;
-webkit盒阴影:0 1px 5px rgba(0,0,0,3);
-莫兹盒