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

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

關于浮動的問題

在設置logo_left左浮動且并沒有對logo_right進行任何設置的時候,logo_left由于設置了浮動,應該已經脫離標準文檔流,從而擋住了logo_right中的內容,但是這里logo_right中的內容并沒有被擋住,而是靠在logo_left的右端,為什么呢?

正在回答

4 回答

直接寫float:left,是相對定位,而logo_left實際上雖然脫離了文檔流,跑到當前位置的上一層;但實際上還占據著那塊位置。而logo_right因為沒有設置float浮動,自動向左向上到logo_left的邊緣位置停下。

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

我試了試,如果把logo_left中的圖片刪除了,logo_left也設置了寬度、高度和背景,然后logo_right不設置浮動,這時logo_right的內容就會在logo_left的位置了,而不是在logo_left的右邊,我不太明白為什么,難道是因為圖片占了位置,所以才有題主的問題嗎?

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

你說的應該是絕對定位absolute,而實際上直接寫float:left并沒有那個效果。

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

你把.logo_left{width: 200px; float: left;} 里面的寬度改小,或者直接改成1px,就會發現logo還在原來的位置,而logo_right已經跑到原來logo_left的位置了。

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

舉報

0/150
提交
取消
企業網站綜合布局實戰
  • 參與學習       157039    人
  • 解答問題       2157    個

本課程重點介紹HTML/CSS實現常見企業網站布局的方法

進入課程

關于浮動的問題

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

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

幫助反饋 APP下載

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

公眾號

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