CSS Float在中间导致空格

Question

我有一项任务，我必须创建一个看起来像这样的网站：

example site

到目前为止我创建了这个： 我无法移除两个div之间的空白区域。我使用float：left和float：right

这是CSS代码：

#Vsebina {
width:auto;
position: relative;
left: 200px;
top: -22px;
}


#Vsebina #Prvi.Vrh, #Drugi.Vrh, #Tretji.Dno, #Cetrti.Dno, #Peti.Dno,     #Sesti.Dno {
width: 400px;
margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
padding-top: 5px;
}

#Vsebina #Prvi.Vrh, #Drugi.Vrh {
border: 2px;
border-style: dashed;
border-color: red;
max-height: 200px;

}

#Vsebina #Prvi.Vrh p, #Drugi.Vrh p{
height: 140px;
overflow-y: scroll;
}

#Vsebina #Drugi.Vrh, #Cetrti.Dno, #Sesti.Dno {
float: right;
}


#Vsebina #Prvi.Vrh, #Tretji.Dno, #Peti.Dno {
float:left;
}

HTML是普通的布局，我没有在HTML中做任何样式，只有内容在那里。该文件也太宽，所以它使它可以垂直滚动，这也是我想要摆脱的东西。感谢。

Answer 1

Float left将内容拉到其父div的左侧，float右键将内容拉到其父div的右侧。

通过css代码看到你只需要向左移动浮动。向右移动浮动以获得所需的结果。

-Thanks