亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

改變代碼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的寬度是由內容決定的 要想自適應 就需要有一個固定好寬度的東東先占好位 它才能自適應。

問題來了:什么叫流體布局?用一個固定大小的東西占位,其他的自適應?


正在回答

1 回答

問題一,這是可以實現內容容器和頭像在一行顯示的,寬度足夠大,我測試兩者的父盒子寬度為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;是無效的。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

改變代碼DOM結構的方法

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號