CSS One 边框在 Safari 中消失

Question

我在这里重新创建了我的案例 http://jsfiddle.net/eE9cs/

HTML:

<form id="form_login" name="form_login" method="post">
   <div class="formcontent rounded_corners">
      Content...
   </div>
</form>

和CSS:

.rounded_corners{
border: 1px solid #033C64;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}

#form_login .formcontent{padding: 20px; width: 30%; margin-left:30%;}
.formcontent {float:left; margin-bottom:50px;background-color: #F3F6FB;}

我有带边框(四边)和圆 Angular 的容器。问题是在 Safari 中不显示右边框(在 FF 和 Chrome 中一切正常)。如果我删除圆 Angular 右边框将出现。此外，如果我从容器右边框中删除 margin-left css 属性，也会出现。

我该如何解决？

Answer 1

在外部 div 上，试试这个:添加 overflow:hidden。 另外，您可以尝试 box-sizing: border-box。

无论如何，你可以尝试很多事情，但如果没有完整的代码，我将无法再帮助你。