Question

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

如果有人知道如何正确地确定这个位置，我将不胜感激。我觉得我已经尝试了所有的东西而且我只是没有得到它。

以下是jsfiddle上代码的链接：

https://jsfiddle.net/laurynm/h6mu6hsb/

.gallery {
    width: 80%; 
    position: relative;

}

#sidebar {
    position: relative;
    width: 230px;
}

Answer 1

试试这个https://jsfiddle.net/h6mu6hsb/4/

#sidebar {
float: left;
position: relative;
width: 230px;
}

Answer 2

我在黑暗中刺了一下，然后让a jsfiddle demo让你尝试。本质上，我在包装器中收集了不同的部分，将它们转换为inline-block，并希望它看起来有点像你想要的。

Answer 3

这样的事情怎么样，所以你没有水平滚动问题：

http://jsfiddle.net/espriella/fdmdwpp5/

使用display作为table-cell

.sidebar {

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

} {名为.gallery

display: table-cell;
width: 100%;

}

如何在主栏旁边显示主要分组

3 个答案: