CSS 浮动导致中间空白 space

Question

我有一个任务，我必须创建一个如下所示的网站：

到目前为止我已经创建了这个：我无法删除两个 div 之间的白色 space。我使用 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

向左浮动将内容拉到其父级 div 的左侧，向右浮动将内容拉到其父级 div 的右侧。

根据 css 代码来看，您只需向左应用浮动即可。删除右浮动以获得所需的结果。

-谢谢

CSS 浮动导致中间空白 space

CSS Float causes Blank space in middle

html

css

css-float