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 で、これを試してください。overflow:hidden を追加します。また、box-sizing: border-box を試すこともできます。

とにかく、あなたはたくさんのことを試すことができますが、完全なコードなしではもうあなたを助けることはできません.

于 2013-02-18T16:27:04.457 に答える