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

Question

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

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

如果我正在设计的这个元素的直接父元素的宽度为 968px（这没有设置，这是通过它的父元素设置的），我猜想得到 270px 的宽度，我需要做 270/968 ? 但是，如果我将 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;
}

我在这里做错了什么？