Html 将两列相邻对齐，而不将其从容器中移除？

在上面的示例中，如果不使用浮动，我似乎无法让内容和侧边栏彼此相邻显示。使用浮动有效，但它会将它们从内容类的边界中删除。

<div class="container">
   <div class="content">
   </div>
   <div class="sidebar">
   </div>
</div>

您要查找的是内联块

示例html

.content{display:inline-block;}
.sidebar{display:inline-block;}

您要查找的是内联块

示例html

.content{display:inline-block;}
.sidebar{display:inline-block;}

---

如果我答对了你的问题，问题不在于

float

itstelf，而是缺少对

float

的清除

您可以使用

浮动

，只需将clearfix添加到

容器

类：

.content, .sidebar
{
 display: inline-block;
}

---

这与在

.container

的底部html中添加

的方式相同。如果我答对了您的问题，问题不在于

浮动

itstelf，而在于缺少对

浮动

的清除

您可以使用

浮动

，只需将clearfix添加到

容器

类：

.content, .sidebar
{
 display: inline-block;
}

---

---

这与在

的底部html中添加
的方式相同。容器
显示：内联块
或
表格单元格
可能会有所帮助。我不知道你对float的实际问题是什么，我不知道我是否理解-但是浮动容器或者给它
overflow:auto
将使它包含浮动的子元素。感谢大家提供了所有非常好的答案，我选择Kilian的帖子作为答案，因为我最终使用了它。然而，所有其他答案都非常好。
display:inline block
或
表格单元格
可能会有所帮助。我不知道你对float的实际问题是什么，我不知道我是否理解-但是浮动容器或者给它
overflow:auto
将使它包含浮动的子元素。感谢大家提供了所有非常好的答案，我选择Kilian的帖子作为答案，因为我最终使用了它。然而，所有其他的答案也都很好。但是，如果在它们内部使用任何
块
元素，那将是无效的，对吗？@Sourabh-由于
内联块
的“块”部分，您仍然可以在其中使用块元素。下面是我遇到的问题的一个示例。我发现这是因为内联元素的空白@Renari-您使用的换行符将显示在内联元素中。这就是造成2px宽间隙的原因。看看这个没有换行符的更新版本：是的，这就是我修复它的方法，它只是让我对html的格式产生了错误，因为它的可读性较差。但是在它们内部使用任何
block
元素都是无效的，对吗？@Sourabh-这是“block”的结果
内联块的一部分
您仍然可以在其中使用块元素。我发现这是因为内联元素的空白@Renari-您使用的换行符将显示在内联元素中。这就是造成2px宽间隙的原因。看看这个没有换行符的更新版本：是的，这就是我修复它的方法，因为html的可读性较低，它只是让我感到不舒服。谢谢，我以前尝试过这个方法，但内联元素的空白似乎迫使元素向下移动到我不想要的地方。我最终使HTML变得不那么可读，但我通过删除元素之间的空白来修复它。@Renari-在这种情况下，你需要设置一个
垂直对齐
属性。这不是我所指的，因为侧边栏有多余的空白，不能放在它想要的地方，因为有足够的空间放在那里。没有额外的空白。你也可以使用floating，但是如果你使用floating，那么你必须在侧边栏的结束div之后添加另一个div，样式为clear:both，因为当我们在任何dive中使用float属性时，我们必须清除它以将div放入它们的容器中，例如，感谢我以前尝试过这个方法，但是似乎内联元素的空白迫使元素向下移动到我不想要的地方。我最终使HTML变得不那么可读，但我通过删除元素之间的空白来修复它。@Renari-在这种情况下，你需要设置一个
垂直对齐
属性。这不是我所指的，因为侧边栏有多余的空白，不能放在它想要的地方，因为有足够的空间放在那里。没有额外的空白。你也可以使用floating，但是如果你使用floating，那么你必须在侧边栏的结束div之后添加另一个div，样式为clear:both，因为当我们在任何dive中使用float属性时，我们必须清除它以将div放入其容器中。例如，我遇到的问题是，如果容器中没有其他内容，当我希望内容div的高度与其内容相匹配时，容器的尺寸将为#x 0。Hm，我试过几次，它似乎从来没有正常工作，但是使用您的代码作为参考，我只是再次尝试，它工作得很好。我遇到的问题是，如果容器中没有其他内容，当我希望内容div的高度与其内容相匹配时，容器的尺寸将为#x 0。嗯，我试了几次，它似乎从来没有正常工作，但使用您的代码作为参考，我只是再次尝试，它工作得很好。