<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<title>無(wú)標(biāo)題文檔</title>
<style>?
??*?{?padding:0;?margin:0;?}
??#red,?#yellow,?#orange,?#green?{?width:100px;?height:100px;?float:left;?}?
??#red?{?background-color:red;?}
??#yellow?{?background-color:yellow;?}?
??#orange?{?background-color:orange;?}?
??#green?{?background-color:green;?}
</style>
</head>
<body>
??<div?id="c1">
????<div?id="red">
????</div>
????<div?id="yellow">
????</div>
??</div>
??<div?id="c2">
????<div?id="orange">
????</div>
????<div?id="green">
????</div>
??</div>
??<p>Here?is?the?text!</p>
</body>
</html>該段代碼本意要形成兩行兩列的布局，但是由于#red，#yellow，#orange，#green四個(gè)div在同一個(gè)布局環(huán)境BFC中，因此雖然它們位于兩個(gè)不同的div（#c1和#c2）中，但仍然不會(huì)換行，而是一行四列的排列。我來(lái)問(wèn)：四個(gè)div在同一個(gè)布局環(huán)境BFC，在哪個(gè)bfc中??？4個(gè)浮動(dòng)的div是4個(gè)bfc環(huán)境？
1 回答
Walk_
TA貢獻(xiàn)48條經(jīng)驗(yàn) 獲得超30個(gè)贊
拙見(jiàn)：
問(wèn)題一：四個(gè)div不處于同一個(gè)BFC中。
問(wèn)題二：4個(gè)浮動(dòng)的div是4個(gè)bfc環(huán)境。
添加回答
舉報(bào)
0/150
提交
取消