課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁布局基礎(chǔ)
不是應(yīng)該在left中加float:left后mid就會(huì)到left右邊嗎,為何也要在mid中加float:left才會(huì)使之出現(xiàn)在left右側(cè)?
2016-07-28
源自:網(wǎng)頁布局基礎(chǔ) 5-1
正在回答
建議再仔細(xì)看看老師的視頻。
浮動(dòng)會(huì)影響行級(jí)元素還是塊級(jí)元素?
left塊因?yàn)樵O(shè)置了float:left;所以向左浮動(dòng)了,那么就會(huì)影響mid模塊的布局,想要讓mid和left并排成兩列布局應(yīng)該讓兩個(gè)模塊都設(shè)置成浮動(dòng),建議看一下w3cschool里的內(nèi)容,http://www.w3cschool.cn/css_positioning_floating.html
里面有圖片,描繪的很詳細(xì)。
duskrain 提問者
函數(shù)是JS內(nèi)容,form是HTML,是兩個(gè)內(nèi)容吆,如想在JS中寫入HTML,舉個(gè)例子document.write(quot;lt;pgt;hellolt;/hgt;quot;)親,要說的具體點(diǎn),以便小伙伴們幫你解答問題。
其實(shí)你的想法是對(duì)的
你把#mid的float和width都刪掉,改成這樣:
#mid{margin-left:13px;border:1px?solid?#999;}
效果應(yīng)該與原來一樣。
關(guān)鍵在width的太小,在不設(shè)置float的情況下#mid的方框會(huì)與#left的左上角貼齊而重疊,也就是說寬度要大於
重疊部份+#mid內(nèi)容的大小,才不會(huì)換行,而題目中#mid的width僅設(shè)置了350px,光#mid的圖片就超過了,而設(shè)置float剛好規(guī)避這個(gè)問題。
因此如果不加float的話也要注意#mid的width,刪掉他後寬度自動(dòng)變?yōu)?wrap的寬度(970px)就不會(huì)換行了。
舉報(bào)
讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁布局的相關(guān)知識(shí)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-07-28
建議再仔細(xì)看看老師的視頻。
浮動(dòng)會(huì)影響行級(jí)元素還是塊級(jí)元素?
left塊因?yàn)樵O(shè)置了float:left;所以向左浮動(dòng)了,那么就會(huì)影響mid模塊的布局,想要讓mid和left并排成兩列布局應(yīng)該讓兩個(gè)模塊都設(shè)置成浮動(dòng),建議看一下w3cschool里的內(nèi)容,http://www.w3cschool.cn/css_positioning_floating.html
里面有圖片,描繪的很詳細(xì)。
2022-03-25
函數(shù)是JS內(nèi)容,form是HTML,是兩個(gè)內(nèi)容吆,如想在JS中寫入HTML,舉個(gè)例子document.write(quot;lt;pgt;hellolt;/hgt;quot;)親,要說的具體點(diǎn),以便小伙伴們幫你解答問題。
2016-11-24
其實(shí)你的想法是對(duì)的
你把#mid的float和width都刪掉,改成這樣:
效果應(yīng)該與原來一樣。
關(guān)鍵在width的太小,在不設(shè)置float的情況下#mid的方框會(huì)與#left的左上角貼齊而重疊,也就是說寬度要大於
重疊部份+#mid內(nèi)容的大小,才不會(huì)換行,而題目中#mid的width僅設(shè)置了350px,光#mid的圖片就超過了,而設(shè)置float剛好規(guī)避這個(gè)問題。
因此如果不加float的話也要注意#mid的width,刪掉他後寬度自動(dòng)變?yōu)?wrap的寬度(970px)就不會(huì)換行了。