html - 将两列并排对齐而不将它们从容器中移除？

Question

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

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

Answer 1

jsFiddle Demo

你要找的是内联 block

示例 html

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

CSS

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