Css 使用“时间距过大”；清楚：两者都是；？

我使用了太多的风格，我不知道一个简单的方法来发布它，但基本上是这样的：

我有一个图像在右边浮动，一些文本在左边。我尝试在分隔主要文本部分的H2标记中添加“clear:both”，但这很奇怪，所以我尝试了一个HR标记（它也使用clear:both）。在这两种情况下，我最终得到了一个荒谬的间距，这是我没有预料到的

页面如下：

http://www.goodpricescome.com/this_site.php

您可以在第一个图像/文本部分之后看到奇怪的间距。即使在inspector中，我也看不到这里发生了什么。

#content

不会浮动，它以前的同级

#sidebar

也会浮动。在这种情况下，

#content

中的clearing元素考虑了

#边栏

。以下是（i）边栏比预清除内容短（ii）边栏比预清除内容高时的预期结果：

content content content content sidebar sidebar
content content content content sidebar sidebar
content content content content content content 
content content content content content content 
----- clearing hr  ----

content content content content sidebar sidebar
content content content content sidebar sidebar
                                sidebar sidebar
                                sidebar sidebar
----- clearing hr  ---- 

使用以下解决方案之一：

• 最好将

  float:left

  添加到

  #content

• 将

  溢出：隐藏
  添加到
  #内容
  

#内容

不浮动，其先前的同级#侧栏浮动。在这种情况下，

#content

中的clearing元素考虑了

#边栏

。以下是（i）边栏比预清除内容短（ii）边栏比预清除内容高时的预期结果：

content content content content sidebar sidebar
content content content content sidebar sidebar
content content content content content content 
content content content content content content 
----- clearing hr  ----

content content content content sidebar sidebar
content content content content sidebar sidebar
                                sidebar sidebar
                                sidebar sidebar
----- clearing hr  ---- 

使用以下解决方案之一：

• 最好将

  float:left

  添加到

  #content

• 将

  溢出：隐藏
  添加到
  #内容
  

#内容

不浮动，其先前的同级#侧栏浮动。在这种情况下，

#content

中的clearing元素考虑了

#边栏

。以下是（i）边栏比预清除内容短（ii）边栏比预清除内容高时的预期结果：

content content content content sidebar sidebar
content content content content sidebar sidebar
content content content content content content 
content content content content content content 
----- clearing hr  ----

content content content content sidebar sidebar
content content content content sidebar sidebar
                                sidebar sidebar
                                sidebar sidebar
----- clearing hr  ---- 

使用以下解决方案之一：

• 最好将

  float:left

  添加到

  #content

• 将

  溢出：隐藏
  添加到
  #内容
  

#内容

不浮动，其先前的同级#侧栏浮动。在这种情况下，

#content

中的clearing元素考虑了

#边栏

。以下是（i）边栏比预清除内容短（ii）边栏比预清除内容高时的预期结果：

content content content content sidebar sidebar
content content content content sidebar sidebar
content content content content content content 
content content content content content content 
----- clearing hr  ----

content content content content sidebar sidebar
content content content content sidebar sidebar
                                sidebar sidebar
                                sidebar sidebar
----- clearing hr  ---- 

使用以下解决方案之一：

• 最好将

  float:left

  添加到

  #content

• 将

  溢出：隐藏
  添加到
  #内容
  

1）#侧边栏是浮动的，但#内容不是浮动的，因此您获得了太多的空间，因此需要添加

#内容{float:left；}

2） 正如在#内容中一样，您的图像是浮动的，但p不是浮动的，所以HR的边距不起作用，所以这里最好的方法是在HR上添加

float:left

，但保持

width:100%

，这样它将覆盖#内容的全部宽度

CSS

#content{
float: left;
}

hr{
float: left;
width: 100%;
/*clear:both*/
}

1） #侧边栏是浮动的，但#内容不是浮动的，因此您获得了太多的空间，因此需要添加

#内容{float:left；}

2） 正如在#内容中一样，您的图像是浮动的，但p不是浮动的，所以HR的边距不起作用，所以这里最好的方法是在HR上添加

float:left

，但保持

width:100%

，这样它将覆盖#内容的全部宽度

CSS

#content{
float: left;
}

hr{
float: left;
width: 100%;
/*clear:both*/
}

1） #侧边栏是浮动的，但#内容不是浮动的，因此您获得了太多的空间，因此需要添加

#内容{float:left；}

2） 正如在#内容中一样，您的图像是浮动的，但p不是浮动的，所以HR的边距不起作用，所以这里最好的方法是在HR上添加

float:left

，但保持

width:100%

，这样它将覆盖#内容的全部宽度

CSS

#content{
float: left;
}

hr{
float: left;
width: 100%;
/*clear:both*/
}

1） #侧边栏是浮动的，但#内容不是浮动的，因此您获得了太多的空间，因此需要添加

#内容{float:left；}

2） 正如在#内容中一样，您的图像是浮动的，但p不是浮动的，所以HR的边距不起作用，所以这里最好的方法是在HR上添加

float:left

，但保持

width:100%

，这样它将覆盖#内容的全部宽度

CSS

#content{
float: left;
}

hr{
float: left;
width: 100%;
/*clear:both*/
}

---

你可以发布css和html吗？你可以发布css和html吗？你可以发布css和html吗？你可以发布css和html吗？你可以发布css和html吗。。。这也很有道理。最重要的是，它工作得很好。谢谢那人很快。。。这也很有道理。最重要的是，它工作得很好。谢谢那人很快。。。这也很有道理。最重要的是，它工作得很好。谢谢那人很快。。。这也很有道理。最重要的是，它工作得很好。谢谢