2017-11-21 4 views
-1

最初のdiv float:左のdiv divオーバーフロー:hiddenとmargin-top:3000pxが無効です。最初のdiv float:左の2番目のdivオーバーフロー:hiddenとmargin-top:3000pxが無効

div2セットmargin-top:3000pxマージントップ!左DIV:フロートによって食べ

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    <style media="screen"> 
 

 
     body{ 
 
     margin:0;padding:0; 
 
     } 
 

 
     .box{ 
 
     width:300px; 
 
     height:300px; 
 
     margin-top:20px; 
 
     background:blue; 
 
     } 
 

 
     .sub{ 
 
     width:100px; 
 
     height:100px; 
 
     margin-top:30px; 
 
     margin-bottom:20px; 
 
     background-color: yellow; 
 

 

 
     } 
 

 
     .fl { 
 
     float:left; 
 
     margin-right: 100%; 
 
     } 
 

 
     .clear{ 
 
     clear:both; 
 
     } 
 

 
     .absolute{ 
 
     position:absolute; 
 
     } 
 

 
     .inline-block{ 
 
     display: inline-block; 
 
     } 
 

 
    </style> 
 
    </head> 
 
    <body> 
 
    test 
 
    <div class="box" style="margin-left:20px;"> 
 
     <div class=" box sub fl" style="">ccc</div> 
 
     <div 
 
     class="box sub" 
 
     style=" 
 
     overflow:hidden; 
 
     background:red; 
 
     margin-top:3000px;"> 
 
     div2 
 
     </div> 
 
     <div class="box sub" style="overflow:hidden;"> 
 

 
     </div> 
 
    </div> 
 

 
    </body> 
 
</html>

+0

あなたは何をしようとしていますか? – anu

答えて

関連する問題