<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
<style>
#div1 {
width:400px;
height:300px;
background-color:pink;
}
#div2 {
width:150px;
height:100px;
background-color:green;
float : left;
}
#div3 {
width:250px;
height:150px;
background-color:orange;
}
#div4 {
width:180px;
height:130px;
background-color:blue;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2"></div>
<div id="div3">
<!-- <div id="div4"></div> -->
<a href="#">鏈接</a>
</div>
</div>
</body>
</html>
當div2浮動的時候，div3 就跑到div2下面，因為div2脫離文檔流了不占空間，這個我能理解，但是為什麼 div3裡面的 a標簽卻不會跑到div2下面呢？然後div3裡面注釋的div4卻會連同div3一起跑到div2下面？ 請高手解答，萬分感謝！
首先第一個問題，a標簽為什麼會環繞，起初float設計出來就是為了達到，文字環繞。只是後來被用來布局了。所以float有個特性就是文字（或者內聯元素這個不確定）會環繞float的元素。第二個問題你說的div4是個注釋，頁面不會顯示，不清楚你講的跑到div2下面是什麼意思，我的chrome裡沒有顯示出div4的內容的
