互換性の問題のレイアウト一般的なタイプ

1.倍精度浮動バグ

    説明ブロック浮動小数点の後に配置された素子、及び横方向マージンのセット、設定値より大きいIE6で表示マージン値。

    ソリューションディスプレイを追加するには、フロート要素を設定するには:インライン;

2.フォームの行の高さの不一致

    ソリューション

        フォーム要素は、プロパティを追加するためのフロート;

        垂直整列を追加する要素を形成する:中央;

 

3. IE6における容器の小さい高さを認識しない(10pxのより一般的に少ないです)

    ソリューション

        ①:コンテナがオーバーフローを追加:隠されました;

        ②:容器は、フォントサイズを追加する:0。

 

4.タグにimgタグをネストされた、絵は一部のブラウザでは境界線になります

    解決策なし;または境界:imgタグの境界線を追加するには0。

 

最小の高さは、IE6で互換性のある最小の高さではありません

    ソリューション:

        オプション1:

 

        オプション2:

 

6.デフォルトでは、ギャップの写真があります

    ソリューション:

        ①:絵フロートプロパティを追加します。

        ②:画像表示を追加する:ブロックと、

 

7.パーセンテージBUG

    説明:左フローティング要素後の2幅50%、親要素の100%を超えます。

    ソリューション:右浮動要素には、明確な追加されます。右。

 

8.マウスポインタBUG

    説明:カーソル:手; IEブラウザのサポートの唯一の低いバージョン。

    解決策:カーソル:ポインタ;すべてのブラウザがサポートしています。

    注:カーソルがマウスポインタの形状を設定します。

 

9.低IEブラウザのバージョンは、不透明度プロパティを認識しません。

    ソリューション:

 

10.垂直にオーバーラップマージン

    説明:マージン底の上部に配置された要素、マージントップを設定するために、以下の要素と、ブラウザのみが大きく認識されるであろう、その値を、

    ソリューション:

        ①:マージンと余白ボトムトップのみのいずれかの値を提供します。

        ②:要素にその親コンテナスリーブ、及び設定オーバーフロー:隠されました。

 

サブエレメント11は、親要素にマージントップアプリケーションに提供される(令を残します)

    ソリューション:

        ①:サブ集合に対するマージントップ要素は、パディングトップに親要素に提供されます。

        ②:親要素が設定されているフロート:左/右、BFCをトリガー

        ③:親要素に配置されたオーバーフロー:隠された; BFCをトリガ

        ④:透明ボーダー1ピクセルのボーダートップへ親要素へ:1pxの透明な固体;

    PS:設定し透明ボーダー

12.デフォルトのボタンのサイズ

    ソリューション:

        ①:ボタンのデザイン案がボタンに直接絵である場合は、背景画像を設定することができます。

        ②: buttonタグのシミュレーションを使用して、

推奨フロントエンドブログ:http://www.sharedblog.cn/?sort=5&page=2

 

おすすめ

転載: www.cnblogs.com/captainMforlife/p/11301294.html