2016-10-23 19 views
1

テキストと表の周りにブロックを折り返したいと思っています。 It looks like this.divタグの周りにブロックをラップする方法は?

それは次のようになります:It should look like this.

は、私が何を追加している私の問題は、IDを持つ最初の一つに第二の同一のブロック移動1.

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"/> 
    <title>Test</title> 
    </head> 
    <body > 
    <div id="1"> 
     <table cellpadding="4" style="font-size:400%; float:right; width: 250px; border:solid 1px #AAAAAA;"> 
     <tbody> 
      <tr> 
      <th>Lorem</th> 
      </tr> 
     </tbody> 
     </table> 
     <div style="display:table; text-align:justify"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
     <div style="text-align: right;">[Lorem]</div> 
     </div> 
    </div> 
    <div style="width=100%"> 
     <table cellpadding="4" style="font-size:400%; float:right; width: 250px; border:solid 1px #AAAAAA;"> 
     <tbody> 
      <tr> 
      <th>Lorem</th> 
      </tr> 
     </tbody> 
     </table> 
     <div style="display:table; text-align:justify; text-indent:; padding-left:0; padding-right:0;"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
     <div style="text-align: right;">[Lorem]</div> 
     </div> 
    </div> 
    </body> 
</html> 

それはこのようになっていることですIDが "1"のdivタグに移動しますか?

答えて

1

は、それが

<div style="background-color:#cccccc; overflow: auto;" class="clear_fix"> 
1

ので

<div id="1" style="overflow:auto;"> 

<iframe width="100%" height="300" src="//jsfiddle.net/Wisdomabioye/yg1wwqxf/embedded/html,result/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

のようにID 1とDIVする overflow: auto;を追加してみ
関連する問題