改變代碼DOM結構的方法
練習三的向右浮動的為什么不參照練習二向左浮動的來做呢?另個塊級元素直接對調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;}
難道是因為 img本身就是有固定大小的 而div的寬度是由內容決定的 要想自適應 就需要有一個固定好寬度的東東先占好位 它才能自適應。
問題來了:什么叫流體布局?用一個固定大小的東西占位,其他的自適應?
2015-12-17
問題一,這是可以實現內容容器和頭像在一行顯示的,寬度足夠大,我測試兩者的父盒子寬度為1200px,就可以實現,這樣也很好理解。因為.mib_full_float這個盒子雖然浮動了,因為你沒有指定寬度,寬度為子元素最大值,這里是p元素的寬度。當然你可以在不改變父盒子600px大小的情況下去指定.mib_full_float的寬度。
而且.mib_head_l { display:table-cell;*display:inline-block;width:56px;*width:auto;float:left;}這個寫法本身就是不合理的,float后變為block,你這樣聲明display:table-cell;*display:inline-block;是無效的。