邊界半徑不起作用

Question

我正在研究基本的div，由於某些特殊原因，border-radius: 7px不適用於它。

.panel { 
    float: right; 
    width: 120px; 
    height: auto; 
    background: #fff; 
    border-radius: 7px; // not working 
} 

Answer 1

任何人可能有這個問題。我的問題是邊界崩潰。它被設置爲：

border-collapse: collapse; 

我將它設置爲：

border-collapse: separate; 

，並解決了該問題。

Answer 2

現在我使用的瀏覽器工具包是這樣的：

{ 
border-radius: 7px; 
-webkit-border-radius: 7px; 
-moz-border-radius: 7px; 
} 

Answer 3

出於某種原因，你的填充：7px的設置被抵消的邊界半徑。將其更改爲你的div類padding: 0px 7px

Answer 4

= 「社會中的」 CSS使用

  float:right 

代替

   float:left 

Answer 5

你的問題是無關的，你是如何設置border-radius 。點燃Chrome並點擊Ctrl+Shift+j並檢查元素。取消選中width，邊框將有彎曲的角落。

Answer 6

任何人誰在未來遇到這個問題，我不得不

perspective: 1px; 

添加到我申請圓角半徑的元素。最後的工作代碼：

.ele-with-border-radius { 
    border-radius: 15px; 
    overflow: hidden; 
    perspective: 1px; 
} 

Answer 7

嘗試添加重要到你的CSS！它爲我工作。

.panel { 
    float: right; 
    width: 120px; 
    height: auto; 
    background: #fff; 
    border-radius: 7px!important; 
}