0

我在这里重新创建了我的案例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 属性，也会出现。

我该如何解决？

4

1 回答 1

1

在外部 div 上，试试这个：添加溢出：隐藏。此外，您可以尝试 box-sizing:border-box。

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

于 2013-02-18T16:27:04.457 回答