火狐ff下margin-top太给力

1011 ワード

今日やったプロジェクトでは、火狐の下でテストして小さな欠陥を見つけました.最終的にmargin-top ffでの影響をロックした.
<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のみです.