CSS3邊框半徑

Question

http://codepen.io/ZacharyKearns/pen/pgzRmP?editors=010

我想提出一個計算器用js和css以及保持計算器身體圓邊

#calc { 
    background-color: #4CADEC; 
    border-radius: 3%; 
    height: 500px; 
    margin: 200px 300px 400px 225px; 
    width: 400px; 
} 

我試圖用疊加的主體主要DIV對於計算器

#top { 
    background-color: #808080; 
    border-radius: 15% 15% 0% 0%; 
} 

問題的畫面部分不同的背景顏色是因爲頂部元件是在更小的淺的角度比所述角部的曲線計算div元素

Answer 1

你可以簡單地使用絕對單位？

#calc { 
    border-radius: 15px; 
} 

#top { 
    border-radius: 15px; 
} 

http://codepen.io/anon/pen/XXrPJE?editors=010