Html 为什么添加边框半径会将图片推向左侧？

正文{
背景颜色：橄榄色；
保证金：0；
}
导航{
背景色：浅绿色；
}
#容器{
最大高度：1800px；
显示器：flex；
弯曲方向：立柱；
}
#容器>a{
背景颜色：巧克力色；
填充：7px；
边界半径：10px；
}
#容器>a:悬停{
不透明度：0.5；
}
#第2项、第3项、第1项、第5项{
自我校准：灵活启动；
边缘顶部：5px；
}
#项目-4{
顺序：-1；
自对准：柔性端；
}
/*导航最终在1.5小时lol后完成*/
#熊巢{
显示器：flex；
弯曲方向：立柱；
证明内容：柔性端；
对齐项目：居中；
}
img{
边界半径：10%；
自对准：居中；
}
#熊巢>p{
页边距底部：自动；
}
人力资源{
边框：1px纯黑；
}

美国黑熊

美国黑熊（Ursus americanus）是原产于北美洲的中型熊。它是非洲大陆最小、分布最广的熊种。黑熊是杂食动物，它们的饮食在很大程度上取决于季节和地点。它们通常生活在大部分森林地区，但确实离开森林寻找食物。有时，由于食物的即时供应，它们被人类社区所吸引。美国黑熊是世界上最常见的熊种。
国际自然保护联盟（IUCN）将其列为最不受关注的物种，因为其分布广泛，数量庞大，估计是所有其他熊物种总和的两倍。与棕熊一样，它也是国际自然保护联盟（IUCN）认为全球不会面临灭绝威胁的八种现代熊中仅有的两种。美国黑熊经常用它们的牙齿和爪子在树上做标记，作为与其他熊交流的一种形式，这是许多熊种的共同行为。

您将

id=“american bear nest”

否

id=“bear nest”

设置为

div

因此将css中的

#熊巢

更改为

#美国熊巢

正文{
背景颜色：橄榄色；
保证金：0；
}
导航{
背景色：浅绿色；
}
#容器{
最大高度：1800px；
显示器：flex；
弯曲方向：立柱；
}
#容器>a{
背景颜色：巧克力色；
填充：7px；
边界半径：10px；
}
#容器>a:悬停{
不透明度：0.5；
}
#第2项、第3项、第1项、第5项{
自我校准：灵活启动；
边缘顶部：5px；
}
#项目-4{
顺序：-1；
自对准：柔性端；
}
/*导航最终在1.5小时lol后完成*/
#美洲熊巢{
显示器：flex；
弯曲方向：立柱；
证明内容：柔性端；
对齐项目：居中；
}
img{
边界半径：10%；
}
#美洲熊巢>p{
页边距底部：自动；
}
人力资源{
边框：1px纯黑；
}

美国黑熊

美国黑熊（Ursus americanus）是原产于北美洲的中型熊。它是非洲大陆最小、分布最广的熊种。黑熊是杂食动物，它们的饮食在很大程度上取决于季节和地点。它们通常生活在大部分森林地区，但确实离开森林寻找食物。有时，由于食物的即时供应，它们被人类社区所吸引。美国黑熊是世界上最常见的熊种。
国际自然保护联盟（IUCN）将其列为最不受关注的物种，因为其分布广泛，数量庞大，估计是所有其他熊物种总和的两倍。与棕熊一样，它也是国际自然保护联盟（IUCN）认为全球不会面临灭绝威胁的八种现代熊中仅有的两种。美国黑熊经常用它们的牙齿和爪子在树上做标记，作为与其他熊交流的一种形式，这是许多熊种的共同行为。

您将

id=“american bear nest”

否

id=“bear nest”

设置为

div

因此将css中的

#熊巢

更改为

#美国熊巢

正文{
背景颜色：橄榄色；
保证金：0；
}
导航{
背景色：浅绿色；
}
#容器{
最大高度：1800px；
显示器：flex；
弯曲方向：立柱；
}
#容器>a{
背景颜色：巧克力色；
填充：7px；
边界半径：10px；
}
#容器>a:悬停{
不透明度：0.5；
}
#第2项、第3项、第1项、第5项{
自我校准：灵活启动；
边缘顶部：5px；
}
#项目-4{
顺序：-1；
自对准：柔性端；
}
/*导航最终在1.5小时lol后完成*/
#美洲熊巢{
显示器：flex；
弯曲方向：立柱；
证明内容：柔性端；
对齐项目：居中；
}
img{
边界半径：10%；
}
#美洲熊巢>p{
页边距底部：自动；
}
人力资源{
边框：1px纯黑；
}

美国黑熊

美国黑熊（Ursus americanus）是原产于北美洲的中型熊。它是非洲大陆最小、分布最广的熊种。黑熊是杂食动物，它们的饮食在很大程度上取决于季节和地点。它们通常生活在大部分森林地区，但确实离开森林寻找食物。有时，由于食物的即时供应，它们被人类社区所吸引。美国人
display: block;
margin-left: auto;
margin-right: auto;