<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<title>無標題文檔</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四個div在同一個布局環境BFC中，因此雖然它們位于兩個不同的div（#c1和#c2）中，但仍然不會換行，而是一行四列的排列。我來問：四個div在同一個布局環境BFC，在哪個bfc中??？4個浮動的div是4個bfc環境？
添加回答
舉報
0/150
提交
取消