Html 如何使主div显示在侧边栏旁边

我正在创建一个基本的通用网页，其中有一个照片库作为练习，但由于某些原因，我无法让库div浮动在侧边栏div旁边，这样上面就不会有很大的空白。漂浮它们只会毁掉一切。当我检查元素时，它显示边栏右侧/画廊上方有一个边距占据了所有空间，但我已经一遍又一遍地查看了css，找不到边距的来源。但我不能100%确定这就是问题的原因

如果有人知道我如何才能正确地担任这个职位，我将不胜感激。我觉得我什么都试过了，只是不明白而已

以下是JSFIDLE上代码的链接：

---

我暗中试探了一下，让你试试。本质上，我在包装中收集了不同的部分，将它们转换为

内联块

，希望它看起来像您想要的那样。

试试这个

---

这样你就不会有水平滚动的问题了：

使用显示作为表格单元

.侧边栏{

min-width: 200px;
display: table-cell;

} .画廊{

display: table-cell;
width: 100%;

---

}

我在原始帖子中提到，浮动只会把事情搞砸。但它是使用inline:block解决的。

min-width: 200px;
display: table-cell;

display: table-cell;
width: 100%;