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

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

浮動影響的出現

*{margin:0; padding:0;}
#wrap{width:970px; margin:0px auto;padding:0px;}
#mainbody{【任務3】 margin-top:15px;}
#left{float:left;width:110px;}
#mid{width:650px;border:1px solid #999;}
#right{【任務3】border:1px solid #999;}
</style>

這段代碼中mid中原有【任務2】字樣,此時left浮動,mid跟進。刪除字樣后,mid還是在下方不上來,為什么?

正在回答

3 回答

http://img1.sycdn.imooc.com//575ae6950001af1511510647.jpg(^_^)

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

門外小白3342804 提問者

left脫離文檔流后,mid里面的文字應該貼在left右邊顯示,為什么會顯示在下面
2016-06-11 回復 有任何疑惑可以回復我~

left在左浮動之后已經脫離了標準文檔流,mid實際上已經處于left“下面了”,只不過其內容處于left下面。瀏覽器控制臺中可以查看到。http://img1.sycdn.imooc.com//575ae6260001e6a513660768.jpg

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

#mid中沒設置浮動,自動另起一行

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

Up帝3388559

元素設置float后會對緊鄰其后的元素產生影響的啊,應該是會跟上了的把
2016-06-05 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

浮動影響的出現

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

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

幫助反饋 APP下載

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

公眾號

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