Html div相互连接

Html div相互连接,html,css,Html,Css,我目前的css布局有问题: 正如您在JSFIDLE上看到的,两个侧边栏相互连接,显然我不希望发生这种情况,我如何解决这个问题?您只需在底部添加一些边距到侧栏,以“断开”它们之间的连接 (将页边距底部:10px;添加到.sidebar) 或者,如果您只想分隔最后一个。侧栏,您可以添加 .sidebar:last-child { margin-top: 10px; } 您只需在底部添加一些边距到侧栏,以“断开”它们之间的连接 (将页边距底部:10px;添加到.sidebar) 或者,

我目前的css布局有问题:


正如您在JSFIDLE上看到的,两个侧边栏相互连接,显然我不希望发生这种情况,我如何解决这个问题?

您只需在底部添加一些
边距到侧栏,以“断开”它们之间的连接

(将
页边距底部:10px;
添加到
.sidebar

或者,如果您只想分隔最后一个
。侧栏
,您可以添加

.sidebar:last-child {
    margin-top: 10px;
}

您只需在底部添加一些
边距到侧栏,以“断开”它们之间的连接

(将
页边距底部:10px;
添加到
.sidebar

或者,如果您只想分隔最后一个
。侧栏
,您可以添加

.sidebar:last-child {
    margin-top: 10px;
}

您只需在底部添加一些
边距到侧栏,以“断开”它们之间的连接

(将
页边距底部:10px;
添加到
.sidebar

或者,如果您只想分隔最后一个
。侧栏
,您可以添加

.sidebar:last-child {
    margin-top: 10px;
}

您只需在底部添加一些
边距到侧栏,以“断开”它们之间的连接

(将
页边距底部:10px;
添加到
.sidebar

或者,如果您只想分隔最后一个
。侧栏
,您可以添加

.sidebar:last-child {
    margin-top: 10px;
}

你所说的连接是什么意思?这之间没有空格?边栏上的边距底部可能?你有它的内容,所以我想你知道它的作用你说的连接是什么意思?这之间没有空格?边栏上的边距底部可能?你有它的内容,所以我想你知道它的作用你说的连接是什么意思?这之间没有空格?边栏上的边距底部可能?你有它的内容,所以我想你知道它的作用你说的连接是什么意思?这之间没有空格?边栏上的边距底部可能?你有它的内容,所以我想你知道它做什么