CSS一个边框在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;}

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

我该如何解决？

Answer 1

在外部div上，试试这个：添加overflow：hidden。 此外，您可以尝试使用box-sizing：border-box。

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