0

我以为我了解花车，但似乎我不了解。

我有一个向左浮动的 div (#service-list)，之后我添加了另一个 div (#social)，也向左浮动。

尽管有足够的空间容纳 div，但发生的事情是第二个 div 被推到新行。

#service-list{
width: 660px;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
border-left: 1px solid #808080;
float: left;
padding: 15px 0 20px 15px;
margin: 0 0 0 25px;
clear: both;
}
#social{
width: 200px;
float: right;
clear: left;
border: #666 solid 1px;
}

这是网址：http ://s361608839.websitehome.co.uk/101d/tim/index.html

谢谢，蒂姆

4

3 回答 3

1

消除

<div class="clearfix"></div>

而clear: left;在#social

#social{
    width: 200px;
    float: right; /* You should better use float: left */
    border: #666 solid 1px;
}
于 2013-02-11T02:01:26.393 回答
1

clear在您希望浮动元素发生之前，您会在很多地方使用，这会阻止它们正确浮动。通过执行以下操作，我能够使其工作：

  1. #social在#services-listDOM 中移动
  2. 移除clear: both（#services-list否则它不会浮动）
于 2013-02-11T02:05:02.270 回答
0

您在服务列表和社交之间有一个明确的修复clear:both- 所以自然不会浮动 - 清除：服务列表中的左侧也是错误的..

于 2013-02-11T02:00:55.000 回答