改變代碼DOM結(jié)構(gòu)的方法
練習(xí)三的向右浮動(dòng)的為什么不參照練習(xí)二向左浮動(dòng)的來做呢？另個(gè)塊級元素直接對調(diào)css不就好了么0.0
試了一下不行，連右邊的也加上float:left都不行，為什么？
代碼如下：
.mib_full_float { float: left; }
.mib_head_l { display:table-cell;*display:inline-block;width:56px;*width:auto;float:left;}
難道是因?yàn)?img本身就是有固定大小的 而div的寬度是由內(nèi)容決定的 要想自適應(yīng) 就需要有一個(gè)固定好寬度的東東先占好位 它才能自適應(yīng)。
問題來了：什么叫流體布局？用一個(gè)固定大小的東西占位，其他的自適應(yīng)？
2015-12-17
問題一，這是可以實(shí)現(xiàn)內(nèi)容容器和頭像在一行顯示的，寬度足夠大，我測試兩者的父盒子寬度為1200px，就可以實(shí)現(xiàn)，這樣也很好理解。因?yàn)?mib_full_float這個(gè)盒子雖然浮動(dòng)了，因?yàn)槟銢]有指定寬度，寬度為子元素最大值，這里是p元素的寬度。當(dāng)然你可以在不改變父盒子600px大小的情況下去指定.mib_full_float的寬度。
而且.mib_head_l { display:table-cell;*display:inline-block;width:56px;*width:auto;float:left;}這個(gè)寫法本身就是不合理的，float后變?yōu)閎lock，你這樣聲明display:table-cell;*display:inline-block;是無效的。