如何在div标签周围包裹一个块?

时间:2016-10-23 16:45:34

标签: html

我想在一些文本和表格周围包裹一个块。我的问题是第二个相同的块移动到第一个具有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>

看起来像这样:It looks like this.

它应如下所示:It should look like this.

我在div标签中添加了什么ID&#34; 1&#34;?

2 个答案:

答案 0 :(得分:1)

试试吧

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

答案 1 :(得分:1)

overflow: auto;添加到ID为1的div,如此

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

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