Question

所以我有2个Div的一个带表格，一个带表。问题是表格div低于表格div。我尝试使用右浮动，并溢出css属性。但仍然没有成功。我的表格的CSS样式：jsFiddle

HTML：

<div id="existing_ledgers">
  <table>
    <thead>
      <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Job Title</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>James</td>
        <td>Matman</td>
        <td>Chief Sandwich Eater</td>
      </tr>
      <tr>
        <td>The</td>
        <td>Tick</td>
        <td>Crimefighter Sorta</td>
      </tr>
    </tbody>
  </table>
</div>

Answer 1

将所有内容放在父div中，给父div display:inline-block

然后将float右/左给你的孩子divs

Example

#registration-form {
    display: inline-block;
    float: left;        
}
#existing_ledgers {
    display: inline-block;
    float: left;        
}

Answer 2

在您的网页中使用此css

 .DA_custom_form {
        float: left;
        margin: 0 auto 5em;
        max-width: 600px;
        padding: 0 10px;
        position: relative;
        z-index: 1;


      }

    #el {
        float: right;
        margin: 0 auto;
        max-width: 600px;
    }

Answer 3

使用浮动左和容器的定义宽度：它们必须装入容器，两者都是50％宽将解决问题。在这里你有一个工作的例子： http://jsfiddle.net/qLGJt/

#one, #existing_ledgers{float:left; width:50%; }

Div和一张桌子并排？

3 个答案: