CSSの問題は、仕事で遭遇します

撮影http://hi.baidu.com/wicker_wind/item/31a1f1da08302cfaca0c394b

これらはあなたの読者は、修正や追加を持っている場合は、サプリメントを返信してくださいは、私は通常の作業の要約の前に集まるの質問です

1. 使用IMG UL UL IMG 整列底部IE6のギャップで

溶液：.downloadCon UL、.downloadCon .downLinImg {幅：100％;フロート：左;}

.downloadCon UL、.downloadCon .downLinImg {クリア：両方。表示ブロック;}

ピクチャースタイルなどdownLinImg

属性ALIGN =「absmiddle」を追加した容器と画像と画像の間のスペースを削除します

2 IMG <UL> <LI> IMG使用 </ LI> </ UL>の下部にギャップを配置したと

ソリューション：李に高さを追加

PS：スタイルの初期化の活用

フォントサイズ：空3. LIの前に0; / * * IE6 LI下の空白/

4. 3象素BUG：垂直整列：ミドル; / * IE6 3Xのバグのための* /

5. 繰り返すために、次のIE6 PNG透明背景画像の場合：

_background-画像：なし

_filter：プログラムID：DXImageTransform.Microsoft.AlphaImageLoader（SRC = "画像/ indexMainKbac.png"、sizingMethod = "作物"）。

_filter：プログラムID：DXImageTransform.Microsoft.AlphaImageLoader（SRC = "画像/ bodyMainLine.png"、sizingMethod = "スケール"）。

sizingMethodは=「収穫」：境界線を合わせて画像を切り取り

sizingMethodは=「スケール」の境界線に合わせて画像をストレッチ

6 </ UL> <IMG SRC = "画像/ nl_newsTypeBottome.gif"幅= "198"高さ= /」8" > </ div> UL下部構造写真IE6に隙間があります。

DIV UL、DIV IMG {クリア：両方。表示ブロック;}

7 DIVに設定した後、IE6のリンク障害に浮かびます

このセットとDIV DIVプラスフロートの外側に配置されたフローティングDIV PNG透過フィルタを設けることは、すべてのタグAが位置に設定されている：相対;へ

8 DIV絶対配置は、IE FF内の位置と一致していません

マージン：0

9はIE6 FLASHにおけるフロートの底面に設定されている静止フローティング層の上に配置します：

フローティング層の上に配置された層をフローティングFLASHコードとすることができます

フローティング、z屈折率が大きいが、次の場合であるとき10 IE6下部層が設けられています。

1、親層または親DIVピアに対して可能な限り本体自体

2、Z-index属性DIVの親セット

*コードセマンティック仕様を維持し、行ラベル内のネストされたブロックをタグ付けしないようにしてください

ブロックレベルに含まれるタグ11のliスタイル要素における高さがもたらします。

<LI>に垂直整列を追加します。底に、スタイルが解決

図12は、IE6はシャッフリング下3つの画素で
添加ZOMMバグDIVを発生する：1;ボックスモデルを使用すること、加えて、以下のCLEAR DIV DIVスタイルバグ（閉じていない可能性フローティングIE6の理由）が表示さ

：どのようにフォントがないクライアントを表示するには、13件のcss
@フォントフェース{フォントファミリ：名前; SRC：URL（URL）; sRules}
@フォントフェース{フォントファミリ：名前; SRC：URL（URL）; sRules}
Liは下の14 DIVタグ4PXに表示されます
     明確な設定方法1 #listのDIV：左|両方、そして#list李は幅、高さ、ズームを設定することはできません。方法2
     フロート配置#list李：左を、今回は#listリチウムの幅、高さ、ズームを提供することができます。
     明確な設定#list李：左|の両方が、その後、#list李は幅、高さ、ズームを設定することはできません。
    方法3は、
    解決底|中央|トップ：IE6 / IE7は、このバグはでLiに対する垂直整列DIVによって設定することができます。あまりにも奇妙な、ちょうど垂直整列の値は3可能の一つです追加します。

DIV親の役割にdivのマージントップ内にネストされたためディビジョン15
<=ボディスタイル"マージン：0;高さ：0;">
<DIV ID = "D0"スタイル=「背景色：＃333333;高さ： 500pxなど;「>
<brのstyle="line-height:0;"/>

//このラインBRを添加していない、マージントップでFirefoxのID1：20のピクセルD0上の意志作用、D0 20ピクセル、D1およびD0の間の間隔を有する上部本体の上部にはスペースでないように、通常のディスプレイIE

16 FFは、テーブルの位置決幅をサポートしていません：相対的な性質を

17 高度不能自适应
在外面加<div class=” grid”></div>
.grid:after{clear:both;
content:" ";
display:block;
height:0;}
18 margin 上面外边距折叠：设置父标签FLAOT属性

19 关于IE6下margin负值对象被隐藏的问题：结对象加position:relative‍

20 关于IE8FF下DIV嵌套出现外层自适应高度问题<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

1） 给外层DIV加样式：display=table

2） 定义一个CSS类：
.box:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
然后将父层DIV代码中的<div id="main">改为<div id="main" class="box">。

3） 给外层div加个overflow:auto;

21 li设置float属性后ul的高度不能自适应li设置float属性后ul的高度不能自适应

1）在ul 的样式里写上float:left，让ul 也飘浮；

2）在ul的样式里写上width:100%; overflow:hidden; 这样也好用；

转载于:https://www.cnblogs.com/JoannaQ/archive/2012/08/29/2661533.html

CSSの問題は、仕事で遭遇します

おすすめ