Html 圆角不适用于div内的所有角?

Html 圆角不适用于div内的所有角?,html,css,Html,Css,由于某些原因,边界半径不适用于div的所有角落(屏幕截图中的灰色部分)。我做错什么了吗 另外,如果你注意到我的标题最右边没有被覆盖——我想这不是Chrome的问题吧?(为了以防万一,我也会为标题附加CSS) 对于圆角: HTML: 创意检查器 1.选择产品类型: 快照 战区导弹防御系统 行为推送 2.上载文件夹/图像: CSS: .row{ 填充顶部:12px; 垫底:15px; 背景色:#f1f1; 边界半径:50px; } 对于页眉问题: .header{ 最小高度:100px

由于某些原因,
边界半径
不适用于div的所有角落(屏幕截图中的灰色部分)。我做错什么了吗

另外,如果你注意到我的标题最右边没有被覆盖——我想这不是Chrome的问题吧?(为了以防万一,我也会为标题附加CSS)

对于圆角:

HTML:


创意检查器

1.选择产品类型:

快照 战区导弹防御系统 行为推送

2.上载文件夹/图像:

CSS:

.row{
填充顶部:12px;
垫底:15px;
背景色:#f1f1;
边界半径:50px;
}
对于页眉问题:

.header{
最小高度:100px;
背景图片:url('header_wallpaper.png');
背景位置:中心;
背景尺寸:包含;
}

我正在查看您的代码,我也在codepen和border radius属性上尝试过它,它运行良好,即使在您共享的照片中,它似乎正在做它应该做的事情。我注意到div的左侧离浏览器的borer太近了,这就是为什么它似乎没有应用于所有div

首先,我建议您重置css。因为浏览器本身的属性在默认情况下适用于你的页面,它可能会让事情变得奇怪,也许这就是它让你的div看起来像那样的原因。 为此,在css文件开始时,请执行以下操作:

*{
  margin: 0;
  padding: 0;
}
您还可以在重置css中添加
颜色
字体系列
等内容,以将这些内容应用于整个页面


这应该可以解决div和header的问题,如果没有,请尝试添加到
.row{margin:1px;}
或类似的内容和
.header{width:100%;}

您还应该将相关的HTML作为@Light道歉的一部分,HTML已经添加到您正在使用的引导程序中。你确定没有干扰吗?看起来有边距/填充/位置属性将元素的边推得更远。它们可能需要被覆盖或以不同的方式包装。@Rob哦,我还没有想到这一点-它会如何干扰?我非常感谢你@没有问题,我们是来互相帮助的!使用css重置修复此问题是修复症状,而不是修复疾病。我强烈建议不要这样做。你应该找出问题的原因,而不是掩盖它@阿达美赞美布