<pre id="fktxc"></pre>
課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
欄目1
欄目2
為什么DIV2 沒(méi)有顏色變化
2016-10-19
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-4
正在回答
浮動(dòng)脫離了文檔流，，，，導(dǎo)致div2頂了上去被div覆蓋了，如果你在div2中設(shè)置clear：both；就好了
兩個(gè)div都得加浮動(dòng)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮動(dòng)模型</title>
<style type="text/css">
#div1{
border:2px red solid;
? ? width:100px;
? ? height:100px;
float:left;
}
.div2{
? ? border:2px blue solid;
? ? float:left;
</style>
</head>
<body>
<div id="div1">欄目1</div>
<div class="div2">欄目2</div>
</body>
</html>
在div2里加一句?background-color: blue; ，看到變藍(lán)的地方就是實(shí)際上div2的位置
要想有浮動(dòng)效果，只有在下一個(gè)div才有效，所以這里應(yīng)將#div1里的float屬性加入.div2樣式表，
如上面代碼所示，希望幫到你
qq_路人王_04192581 提問(wèn)者
欄目2默認(rèn)在左上角了，所以位置與欄目1的重疊了，只顯示欄目1，你改一改欄目2的位置就好了
因?yàn)閐iv2設(shè)置了浮動(dòng) div2的顏色被div1覆蓋了? 你可以設(shè)div2的高度為200 顏色就出來(lái)了
div2 代碼里加上float就可以顯示了
兩個(gè)div重疊了，你寫(xiě)個(gè)float:right;試下就知道了。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答float的應(yīng)用問(wèn)題
3 回答Float疑問(wèn)？
3 回答float后，其他元素排序問(wèn)題
3 回答float
1 回答float
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-19
浮動(dòng)脫離了文檔流，，，，導(dǎo)致div2頂了上去被div覆蓋了，如果你在div2中設(shè)置clear：both；就好了
2016-10-19
兩個(gè)div都得加浮動(dòng)
2016-10-19
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮動(dòng)模型</title>
<style type="text/css">
#div1{
border:2px red solid;
? ? width:100px;
? ? height:100px;
float:left;
}
.div2{
? ? border:2px blue solid;
? ? width:100px;
? ? height:100px;
? ? float:left;
}
</style>
</head>
<body>
<div id="div1">欄目1</div>
<div class="div2">欄目2</div>
</body>
</html>
2016-10-19
在div2里加一句?background-color: blue; ，看到變藍(lán)的地方就是實(shí)際上div2的位置
2016-10-19
#div1{
border:2px red solid;
? ? width:100px;
? ? height:100px;
}
.div2{
? ? border:2px blue solid;
? ? width:100px;
? ? height:100px;
float:left;
}
要想有浮動(dòng)效果，只有在下一個(gè)div才有效，所以這里應(yīng)將#div1里的float屬性加入.div2樣式表，
如上面代碼所示，希望幫到你
2016-10-19
欄目2默認(rèn)在左上角了，所以位置與欄目1的重疊了，只顯示欄目1，你改一改欄目2的位置就好了
2016-10-19
因?yàn)閐iv2設(shè)置了浮動(dòng) div2的顏色被div1覆蓋了? 你可以設(shè)div2的高度為200 顏色就出來(lái)了
2016-10-19
div2 代碼里加上float就可以顯示了
2016-10-19
兩個(gè)div重疊了，你寫(xiě)個(gè)float:right;試下就知道了。