css - 计算从 px 到百分比的宽度和高度

Question

我有以下CSS代码：

body {
width: 80%; /* 1150px*/
margin:0 auto;
}

.icons {
float: right;
border: 1px black solid;
width:5.2173913%; /* 60/1150 */
height:60px;
margin:0 0.43478261%; /* 5/1150 */
}

看起来像这样：

如果我也尝试将高度转换为像素 - 所有的 incons 都会消失。

我正在尝试使我的网页自适应 - 所以我需要将我的值转换为%和/或em，但是转换高度真的有必要吗？