我在这里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属性,也会出现。

我该如何解决?

最佳答案

在外部div上,尝试以下操作:添加overflow:hidden。
另外,您可以尝试box-sizing:border-box。

无论如何,您可以尝试很多方法,但是如果没有完整的代码,我将无法为您提供帮助。

关于css - CSS One边框在Safari中消失,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14940566/

10-12 02:59
查看更多