ラッパーの相対的な余白パーセンテージを使用するdivブラウザのサイズが

Question

cssを使用して3つのボタンを配置する必要があります。私は現在、margin-left：例えば20％を使用しています。しかし、ブラウザのウィンドウサイズを変更すると、ボタンは元の位置から移動します。

これは私のサイトへのリンクされています、私は何をすべきかを、すべての適切な場所にとどまるhttp://www.iamjoetaylor.co.uk

他の要素が必要ですか？

おかげ

Answer 1

「位置：絶対」要素の座標と余白は、絶対または相対位置の最も近い親要素から計算されます。そのような要素がない場合は、body要素から計算されます。

ボタンを相対的に#wrapper要素に配置する場合は、ラッパーの相対位置を＃に設定する必要があります。

Answer 2

問題は、要素が含まれている3つのdivにposition:absoluteを使用していることです。私の意見では、あなたが使用するスタイルを達成するためのルールを書き直すべきです。position: relative

Answer 3

マージンをパーセンテージに設定するのは、親要素のサイズに比例します。ブラウザウィンドウのサイズに関係なく、箇条書きリストのサイズを一定に保つ必要がある場合は、%の代わりにpxを使用してください。