Question

我有两个我希望彼此旁边列出的div，但格式化最终都错了？

<div class="pull-right" style="width:400px;">
  <div style="float:left; margin-right:90px;">
    <b>Registered owners</b>
    <div id="ctl00_ContentPlaceHolder1_unitRegOwners">Robert<br /></div>
  </div>
 <div>
    <b>Registered tenants</b>
    <div id="ctl00_ContentPlaceHolder1_unitRegTenants">Jenny Garth<br />Mike Mechanic<br />Joe Rogan<br />Test Test<br />John Doe<br /></div>
  </div>
</div>

当然，注册业主应该只有罗伯特的名字，其余的应该列在注册租户之下，但由于某种原因，只有第一个租户在这里，她应该是，其余的最终归业主所有？它喜欢div包装还是什么？

（请忽略服务器端标签和类，即使删除它们也是一样）

帮助表示赞赏！

Answer 1

我只是猜测所期望的结果是什么，但我认为你需要浮动它应该并排的元素：

JS Fiddle

<div class="pull-right" style="width:400px;">
  <div style="float:left; margin-right:90px;">
    <b>Registered owners</b>
    <div id="ctl00_ContentPlaceHolder1_unitRegOwners">Robert<br /></div>
  </div>
  <div style="width:200px; float: left;">
    <b>Registered tenants</b>
    <div id="ctl00_ContentPlaceHolder1_unitRegTenants">Jenny Garth<br />Mike Mechanic<br />Joe Rogan<br />Test Test<br />John Doe<br /></div>
  </div>
</div>

Answer 2

你想要在右侧的div也需要定义“float：left”，以便它漂浮在Owners div的右侧：

<div class="pull-right" style="width:400px;">
  <div style="float:left; margin-right:90px;">
    <b>Registered owners</b>
    <div id="ctl00_ContentPlaceHolder1_unitRegOwners">Robert<br /></div>
  </div>
 <div style="float:left;">
    <b>Registered tenants</b>
    <div id="ctl00_ContentPlaceHolder1_unitRegTenants">Jenny Garth<br />Mike Mechanic<br />Joe Rogan<br />Test Test<br />John Doe<br /></div>
  </div>
</div>

https://jsfiddle.net/gLcag72p/2/

正如你所说，Tenants div的内容围绕着Owners div，因为只有Owners div才定义了一个浮点数。所以div正在显示拉引用样式，其他所有内容都围绕着它。

CSS浮动没有正确格式化

2 个答案: