CSS的float導致中間

Question

空格我有一個任務，我要建立一個網站，看起來像：

example site

我創造了這個至今： 我不能在兩者之間移除空白兩個divs。我使用浮動：左和float：右

這是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 right將內容拉到其父div的右側。

看到的CSS代碼，你只需要應用浮動左。刪除浮動權以獲得所需的結果。

-Thanks