Question

我有一个像这样的HTML代码段

<div class="wrapper1">
  <div class="div1"></div>
</div>
<div class="wrapper2">
  <table id="table">
  </table>
</div>

我希望div1的宽度始终等于table的宽度我怎样才能做到这一点？

Answer 1

你可以做这样的事情：

<style>
   .container
   {
      width: 100%;
      float: left;
   }

   .wrapper01
   {
      width: 100%;
      float: left;
   }

   .wrapper02
   {
      width: 100%;
      float: left;
   }

   .div1
   {
      width: 100%;
   }

   #table
   {
      width: 100%;
   }

</style>

<div class="container">
    <div class="wrapper01">
        <div class="div1"></div>
    </div>
    <div class="wrapper02">
        <table id="table">
        </table>
    </div>
</div>

我希望我的回答有所帮助。

Answer 2

我想给你一个简单的例子希望它有所帮助

<style type="text/css">
    /*you can set width of your table same as your div one, used percent*/
    /*example*/

    #table1{
        width: 100%;
    }
    .div1{
        width: 100%;
    }

</style>

<div class="wrapper1">
  <div class="div1"></div>
</div>
<div class="wrapper2">
  <table id="table">
  </table>
</div>

如何设置div的宽度应该等于表？

2 个答案: