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