新手求教：我的floatDIV空白了_html/css_WEB-ITnose

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 16:30:29

新手求教：我的floatDIV空白了_html/css_WEB-ITnose

新手求教：我的floatDIV空白了_html/css_WEB-ITnose:剛學(xué)習(xí)HTML+CSS，請各位多多指教。看視頻教程的時候，學(xué)習(xí)做一個田字格，代碼如下： .one{ width:100px; height:100px; background:#cc0000 float:left; } .two{ width:100px; height:100px; backgr

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀新手求教：我的floatDIV空白了_html/css_WEB-ITnose:剛學(xué)習(xí)HTML+CSS，請各位多多指教。看視頻教程的時候，學(xué)習(xí)做一個田字格，代碼如下： .one{ width:100px; height:100px; background:#cc0000 float:left; } .two{ width:100px; height:100px; backgr

剛學(xué)習(xí)HTML+CSS，請各位多多指教。
看視頻教程的時候，學(xué)習(xí)做一個田字格，代碼如下：

1
2
3
4

不過變成了這樣：

百度了一下，沒看出錯在哪里。請各位大大指點指點

回復(fù)討論(解決方案)

background-color

.one{
width:100px;
height:100px;
background:#cc0000;
float:left;
}
.two{
width:100px;
height:100px;
background: #0066ff;
float:left;
}
.three{
width:100px;
height:100px;
background:#66ff00;
float:left;
clear:left;
}
.four{
width:100px;
height:100px;
background:#ffff00;
float:left;
}
分號沒加