Html CSS height属性的作用是wierd

Html CSS height属性的作用是wierd,html,css,height,Html,Css,Height,我在div中有一个div,但是当我设置div的高度和宽度时,高度有问题。向你展示我的问题更容易 这是我的密码: .prodContent1{ 位置:绝对位置; 背景色:#e1e1; 边框:1px实心#ddd; 宽度:100%; 框大小:边框框; 高度:300px; z指数:1; 显示:无; } .生产部{ 背景颜色:灰色; 宽度:20px; 高度:20px; 框大小:边框框; } 您在此处发布的代码正常(显示除外:none;,这使我们无法看到),因此问题可能出现在您代码的其他部分: .pro

我在div中有一个div,但是当我设置div的高度和宽度时,高度有问题。向你展示我的问题更容易

这是我的密码:

.prodContent1{
位置:绝对位置;
背景色:#e1e1;
边框:1px实心#ddd;
宽度:100%;
框大小:边框框;
高度:300px;
z指数:1;
显示:无;
}
.生产部{
背景颜色:灰色;
宽度:20px;
高度:20px;
框大小:边框框;
}

您在此处发布的代码正常(显示除外:none;,这使我们无法看到),因此问题可能出现在您代码的其他部分:

.prodContent1{
位置:绝对位置;
背景色:#e1e1;
边框:1px实心#ddd;
宽度:100%;
框大小:边框框;
高度:300px;
z指数:1;
}
.生产部{
背景颜色:灰色;
宽度:20px;
高度:20px;
框大小:边框框;
}

您在此处发布的代码正常(显示除外:none;,这使我们无法看到),因此问题可能出现在您代码的其他部分:

.prodContent1{
位置:绝对位置;
背景色:#e1e1;
边框:1px实心#ddd;
宽度:100%;
框大小:边框框;
高度:300px;
z指数:1;
}
.生产部{
背景颜色:灰色;
宽度:20px;
高度:20px;
框大小:边框框;
}


我想出来了。我有四个同一级别的div,因此它们相互叠加在一起,形成一个高大的正方形。愚蠢的错误,是我的错。

我发现了。我有四个同一级别的div,因此它们相互叠加在一起,形成一个高大的正方形。愚蠢的错误,我的错。

请确保您的div没有继承任何其他CSS属性。使用google chrome开发工具检查元素并搜索其样式。我在一个JSFIDLE中测试了这段代码,它可以正常工作。如果有四个div与
.prod div
类,这是可能的。你完全正确。我刚想出来,呵呵。我投票将这个问题作为非主题关闭,因为它太本地化了,对未来的任何人都没有用处。我如何关闭它?请确保您的div没有继承任何其他CSS属性。使用google chrome开发工具检查元素并搜索其样式。我在一个JSFIDLE中测试了这段代码,它可以正常工作。如果有四个div与
.prod div
类,这是可能的。你完全正确。我刚刚想好了,呵呵。我投票决定把这个问题作为离题题题来结束,因为它太本地化了,对未来的任何人都没有用处。我该怎么结束它呢?哈哈,如果没有代码问题,你不应该添加答案,在回答上标记“代码的其他部分有问题”“并删除这个,添加一条解释它的注释,以便其他用户可以找到解决方案。lol,如果没有代码问题,您不应该添加答案,请在回答上标记“代码的其他部分有问题”,然后删除这个,添加一条解释它的注释,以便其他用户可以找到解决方案。