CSS3边框半径不适用于div元素答案

【问题标题】：CSS3 Border Radius Not Working for div elementCSS3边框半径不适用于div元素
【发布时间】：2018-04-01 08:22:28
【问题描述】：

我是网络新手。一切都很好，但如果边框半径不能在浏览器中工作，比如 chrome/FF。像这样的 CSS 代码：

.work-step div {
color: #e67e22;
margin: 2px solid #e67e22;
display: inline-block;
border-radius: 50%; //not working
height: 50px;
width: 50px;
text-align: center;
float: left;
padding: 5px;
font-size: 120%;
margin-left: 25px;

}

【问题讨论】：

并不是说它会阻止您的边框半径工作，但您的边距属性（margin: 2px solid #e67e22;）不正确。您可能还需要显示更多代码才能找到问题。 border-radius: 50% 是一个有效的属性和值，所以你的问题可能来自其他地方。
为什么 Margin 属性不正确或应该是什么？
实际上只有在没有边界半径的情况下才能正常工作。我不知道如何解决。我在听别人讲课。
您用于边距的值与您为边框传递的值相似。您可以在此处查看margine 属性的可接受值：developer.mozilla.org/en-US/docs/Web/CSS/margin

标签： html css

【解决方案1】：

将此添加到您的 css 中

overflow:hidden;

【讨论】：

这是正确答案，以后有谁看这个溢出：隐藏；会变魔术

【解决方案2】：

试试这个：

.work-step {
    background-color: #555555;
    color: #e67e22;
    margin: 2px solid #e67e22;
    display: inline-block;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    padding: 5px;
    font-size: 120%;
    margin-left: 25px;
}

【讨论】：

您愿意解释一下您的答案吗？另外，您的 CSS 代码无效...
margin 的值无效，边距不能采用 solid 或十六进制代码
问的问题是边界半径。我解决了那个问题。我没有检查其他问题，对不起