HTML での相対、絶対、固定の 3 つの位置決めの後、ボックスの幅と位置のパーセンテージは間違いやすくなります。

1 . 相対定位相対:顾名思义、相対定位は自分の位置に対して偏移します、次の図:

盒子中心を基準とし、条边の正方向、例:

向右20px 移動: コードは left:20px; または right:-20px;

下に 20px 移動: コードは top:20px; またはbottom:-20px;

２．以下に示すように、配置された祖先ボックスが標準であり、配置された祖先の中心方向は正です:

3. 固定配置は body タグから独立しており、Web ページ html の配置にのみ基づいています。この方法は絶対位置決めと同様であり、中心方向が正の方向です

幅のパーセンテージも HTML のみに基づいています

注: 1. 親位置決めがない場合、絶対位置決めは絶対に基づいています。

2. 絶対配置および相対配置されたボックスの幅のパーセンテージは、最初に配置された祖先に基づいています

3 種類の相対配置、絶対配置、および複数の固定配置の後HTML、ボックスの幅と位置のパーセントは間違いやすいです。関連記事については、PHP 中国語の Web サイトに注意してください。