Css 移除chrome声称的填充物

Css 移除chrome声称的填充物,css,html,Css,Html,鉴于上面的小提琴,我被卡住了。。。在Chrome中,它声称底部元素以某种方式分配了填充,但我似乎无法确定它的来源 在任何情况下,我都需要把“高”放在盒子里 请在Chrome btw中查看此内容,因为它是针对Chrome插件的,所以其他浏览器没有意义 CSS中有一些多余的填充和边距声明。。。基本上,我只是尝试添加明确的边距和填充,看看是否找不到罪人。因为.priorityheader\u priority有显示:表格单元格,您还需要为其提供垂直对齐:顶部用于所需的对齐。因为.priorityhea

鉴于上面的小提琴,我被卡住了。。。在Chrome中,它声称底部元素以某种方式分配了填充,但我似乎无法确定它的来源

在任何情况下,我都需要把“高”放在盒子里

请在Chrome btw中查看此内容,因为它是针对Chrome插件的,所以其他浏览器没有意义


CSS中有一些多余的填充和边距声明。。。基本上,我只是尝试添加明确的边距和填充,看看是否找不到罪人。

因为
.priorityheader\u priority
显示:表格单元格,您还需要为其提供
垂直对齐:顶部用于所需的对齐。

因为
.priorityheader\u priority
具有
显示:表格单元格,您还需要为其提供
垂直对齐:顶部

Hear是工作状态

只需更改以下CSS:

        .priorityheader_priority {
            border-left: 1px solid black;
            display: table-cell;
            vertical-align:top;
            width: 112px;
            padding: 0; margin: 0;
        }
        .priority {
            text-align: center;
            vertical-align: middle;
            line-height: 25px;
            font-weight: bold;
            display: block;
            text-transform: uppercase;
            font-size: 120%;
            padding: 0; margin: 0;
        }
听说是工作

只需更改以下CSS:

        .priorityheader_priority {
            border-left: 1px solid black;
            display: table-cell;
            vertical-align:top;
            width: 112px;
            padding: 0; margin: 0;
        }
        .priority {
            text-align: center;
            vertical-align: middle;
            line-height: 25px;
            font-weight: bold;
            display: block;
            text-transform: uppercase;
            font-size: 120%;
            padding: 0; margin: 0;
        }

在Chrome 21/Win XP中,我没有在最下面一行的元素上看到任何填充。更正:
.footer.hours
左右各有4个空格;但那是我唯一能看到的。哪些元素困扰着您?当您使用“开发工具”时,它会将不应该存在的区域涂成“绿色”,当您查看被谴责为填充的度量框时。。。它不会计算元素上任何不需要的填充。。。应该正确地从指标中“清除”我的意思是“填充”。在Chrome 21/Win XP中,我没有看到底层元素上有任何填充。更正:
.footer.hours
左右各有4个空格;但那是我唯一能看到的。哪些元素困扰着您?当您使用“开发工具”时,它会将不应该存在的区域涂成“绿色”,当您查看被谴责为填充的度量框时。。。它不会计算元素上任何不需要的填充。。。应该正确地“清除”我指的是度量指标所说的“填充”。此外,在页脚中用一个包含display:table行的div包装两个div是合乎逻辑的,但不会更改显示。所有“display:table cell;”元素都需要这样才能“几乎”修复它。。。我理解垂直顶部的作用,如果你有一个“到大单元”,你不需要顶部的元素,你需要它。。。但是它是从哪里来的它的高度是从这里来的?。。。我的意思是布局不会真正关心这些元素是有效的按钮、中间还是顶部。它来自
.hours span
元素和
display:inline block
。每次使用<代码>显示< <代码> > <代码>表格> <代码>或<代码>内联块 >,考虑添加<代码>垂直对齐:顶部< /代码>。特别是当事情看起来很奇怪的时候。默认的
vertical align:baseline
通常不是您想要的。您的答案+1用于演示,您给出了答案,甚至被接受;)此外,在页脚中用一个包含display:table行的div包装两个div是合乎逻辑的,但不会改变显示。所有“display:table cell;”元素都需要这样才能“几乎”修复它。。。我理解垂直顶部的作用,如果你有一个“到大单元”,你不需要顶部的元素,你需要它。。。但是它是从哪里来的它的高度是从这里来的?。。。我的意思是布局不会真正关心这些元素是有效的按钮、中间还是顶部。它来自
.hours span
元素和
display:inline block
。每次使用<代码>显示< <代码> > <代码>表格> <代码>或<代码>内联块 >,考虑添加<代码>垂直对齐:顶部< /代码>。特别是当事情看起来很奇怪的时候。默认的
vertical align:baseline
通常不是您想要的。您的答案+1用于演示,您给出了答案,甚至被接受;)