Html 我不能用css填充圆角的颜色？

我用html制作了两个

div

标记，最外层的div标记有圆角，但当我尝试用颜色填充内部

div

时，内部

div

上方仍有一些空白（更多说明请参见屏幕截图）。我想为

类-“header”

完全填充颜色。我想用蓝色填充上角附近的空白

#小部件{
位置：固定；
左：340px；
顶部：75px；
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
}
.集装箱{
背景色：#0071B3；
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}

让我们加强

容器顶部的空白是由

h4

元素的

页边距顶部

造成的。您可以将其替换为

填充顶部

，并在

#小部件

上添加一个

溢出：隐藏

，以防止任何内容（此处为方角）溢出

下面是一个工作片段

#小部件{
位置：固定；
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
溢出：隐藏；
}
.集装箱{
背景色：#0071B3；
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}
h4{
边际上限：0；
垫面：1毫米；
}

让我们加强

容器顶部的空白是由

h4

元素的

页边距顶部

造成的。您可以将其替换为

填充顶部

，并在

#小部件

上添加一个

溢出：隐藏

，以防止任何内容（此处为方角）溢出

下面是一个工作片段

#小部件{
位置：固定；
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
溢出：隐藏；
}
.集装箱{
背景色：#0071B3；
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}
h4{
边际上限：0；
垫面：1毫米；
}

让我们加强

这就是你想要的吗？
如果是，您应该在

#widget

上应用

背景色，而不是在
.container
上应用


我只移动了你的一行代码。

检查CSS中的注释：


#小部件{
位置：固定；
背景色：#0071B3；/*此处添加*/
/*左：340px；/*已删除，以便更好地显示代码段*/
/*顶部：75px；/*已删除，以便在代码段中更好地显示*/
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
}
.集装箱{
/*背景色：#0071B3；/*从此处删除*/
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}

让我们加强
这就是你想要的吗？

如果是，您应该在
#widget
上应用
背景色，而不是在
.container
上应用


我只移动了你的一行代码。

检查CSS中的注释：


#小部件{
位置：固定；
背景色：#0071B3；/*此处添加*/
/*左：340px；/*已删除，以便更好地显示代码段*/
/*顶部：75px；/*已删除，以便在代码段中更好地显示*/
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
}
.集装箱{
/*背景色：#0071B3；/*从此处删除*/
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}

让我们加强
如果要给整个小部件上色，请将背景色放在
#widget
而不是
.container
上

如果您只希望
.container
上色，但前面没有多余的空白，则可以删除页眉的上边距，或将
.container
设置为
显示：内联块
。您还需要向父级添加一个
溢出：隐藏
，以防止颜色溢出边界半径：


#小部件{
位置：固定；
左：340px；
顶部：75px；
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
溢出：隐藏；
}
.集装箱{
背景色：#0071B3；
显示：内联块；
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}

让我们加强
如果要给整个小部件上色，请将背景色放在
#widget
而不是
.container
上

如果您只希望
.container
上色，但前面没有多余的空白，则可以删除页眉的上边距，或将
.container
设置为
显示：内联块
。您还需要向父级添加一个
溢出：隐藏
，以防止颜色溢出边界半径：


#小部件{
位置：固定；
左：340px；
顶部：75px；
宽度：450px；
高度：500px；
边框样式：实心；
边框宽度：1px；
盒影：0 4px 0；
边界半径：10px；
溢出：隐藏；
}
.集装箱{
背景色：#0071B3；
显示：内联块；
宽度：450px；
高度：250px；
}
.标题{
文本对齐：居中；
}

让我们加强
我不明白？我只想在标题div中填充下面的colo，它应该是白色的。@stonerock我在其中添加了一个工作片段