火狐ff下margin-top太给力
1011 ワード
今日やったプロジェクトでは、火狐の下でテストして小さな欠陥を見つけました.最終的にmargin-top ffでの影響をロックした.
そのため、margin-topはffで機能を失うを経なければならないことに気づきました.これは簡単ではないと思います.padding-topを直接変更して間もなくいいですか.
しかしparentには背景図があります.padding-topに変えるのは役に立たないことに気づいて、どのように解決します.他のものを試してみることにしましたが、いろいろなテストを経て、次のようになりました.【一部はGoogleの検索結果を参考にしています】
01.parentにoverflow:hiddenを加える.
02.parentにclear:both(またはclear:left)を加える.
03.parentにborder属性を付けるnone,0を使用できない.このフォーマットに似たborder:solid npx#xxxのみです.
<doctype html>
<html>
<head>
#parent{ height:300px;background:.....}
#children{margin-top:10px}
</head>
<body>
<div id="parant">
<div id="childeren"></div>
</div>
</body>
</html>
そのため、margin-topはffで機能を失うを経なければならないことに気づきました.これは簡単ではないと思います.padding-topを直接変更して間もなくいいですか.
しかしparentには背景図があります.padding-topに変えるのは役に立たないことに気づいて、どのように解決します.他のものを試してみることにしましたが、いろいろなテストを経て、次のようになりました.【一部はGoogleの検索結果を参考にしています】
01.parentにoverflow:hiddenを加える.
02.parentにclear:both(またはclear:left)を加える.
03.parentにborder属性を付けるnone,0を使用できない.このフォーマットに似たborder:solid npx#xxxのみです.