css - これらの固定ピクセル幅をパーセンテージに変換します

Question

これらの px 幅を % に変換しようとしていますが、得られた結果は正しくないようです。

私のブラウザ ウィンドウは 1280px に設定されています。

私がスタイリングしているこの要素の直接の親の幅が 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;
}

ここで何が間違っていますか？