CSS Webページのレイアウトズレ幅の計算手順を詳しく解説

幅を計算する理由
Web ページのピクセル幅を計算するのは、CSSWeb ページのレイアウトをきちんとし、互換性を持たせるためです。左右の構造化 Web ページをレイアウトするとき、または幅が大きすぎるかどうかに関係なく、幅を計算しない場合は、ページ全体の幅を計算するのが一般的です。大きすぎても小さすぎても、位置ずれの問題が発生します。 CSS幅の計算方法例1: 左右の構造のレイアウトスタイルを計算します。 合計の幅が 400 ピクセルの場合、左右の合計は 400 ピクセル未満である必要があり、左側が 300 ピクセル、右側が 100 ピクセルになる可能性があります。

正しいコード:

head

>

.webjxcom{
width
:400px;}
.zuo{
float:left
; :#CCC;}.you{ float:right ; width:100px; background:#999}

左 300 ピクセル

右 100 ピクセル

body>


上記は正しい左右の構造です幅はちょうど 400px です

エラー:
合計の幅を変更しない場合、左側は 300px、右側は120px の場合、合計幅が 20px を超えると、どのような問題が発生するか見てみましょう。p+CSS コードは次のとおりです。

以上がCSS Webページのレイアウトズレ幅の計算手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。