CSS(一)フローティングクリア

2691 ワード

質問1:フローティングのクリアについて



    
    Document
    


    
box1
box2
box3

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa


以上は浮動事故発生現場であり、スクリーンショットは以下の通りである.
boxとmarginを加えた後
スタイルp{clear:both;}の問題解決をstyleに書くと.したがって、後でこのような状況に遭遇したら、空のpを作成してスタイルclear:bothを追加して解決することができます.これは、明確なフローティングについて、合計3つの方法があります.
  • サブエレメントを追加し、clear:both
  • と書きます.
  • は親要素である.fatherにoverflow:hiddenを加える.
  • afterダミークリアを使用するが、この方法はIE 8以上の(補完対象)
  • にのみ適用される.
    質問2:ドキュメントフローからの離脱について
    
    
    
        
        Document
        
    
    
        
        

    テストテキストです