将这些固定像素宽度转换为百分比

Question

我正在尝试将这些px宽度转换为％，但我得到的结果似乎不正确。

我的浏览器窗口设置为1280像素。

如果我正在构造的这个元素的直接父级的宽度为968px（这没有设置，这是通过它的父级设置的），我猜测得到的宽度为270px％我需要做的九百六十八分之二百七十○？但是，如果我将270px更改为27.892561983471％，它实际上会变小。

这是我原来的CSS，内容与我认为我应该计算的内容

.upper-search .query-input {
    font-family: Georgia, serif; margin: 0; 
    font-size: 1em; 
    line-height: 21px;
    border: 0;
    outline: 0;
    color: #4C4C4C;
    width: 270px; /* 270/968 */
    padding: 14px; /* 14/270 */
    height: 21px; 
    background: url( 'images/search-box.png' ) center top no-repeat;
}

我在这里做错了什么？