關于浮動的問題
在設置logo_left左浮動且并沒有對logo_right進行任何設置的時候,logo_left由于設置了浮動,應該已經脫離標準文檔流,從而擋住了logo_right中的內容,但是這里logo_right中的內容并沒有被擋住,而是靠在logo_left的右端,為什么呢?
在設置logo_left左浮動且并沒有對logo_right進行任何設置的時候,logo_left由于設置了浮動,應該已經脫離標準文檔流,從而擋住了logo_right中的內容,但是這里logo_right中的內容并沒有被擋住,而是靠在logo_left的右端,為什么呢?
2017-03-27
舉報
2017-03-27
直接寫float:left,是相對定位,而logo_left實際上雖然脫離了文檔流,跑到當前位置的上一層;但實際上還占據著那塊位置。而logo_right因為沒有設置float浮動,自動向左向上到logo_left的邊緣位置停下。
2017-08-11
我試了試,如果把logo_left中的圖片刪除了,logo_left也設置了寬度、高度和背景,然后logo_right不設置浮動,這時logo_right的內容就會在logo_left的位置了,而不是在logo_left的右邊,我不太明白為什么,難道是因為圖片占了位置,所以才有題主的問題嗎?
2017-03-27
你說的應該是絕對定位absolute,而實際上直接寫float:left并沒有那個效果。
2017-03-27
你把.logo_left{width: 200px; float: left;} 里面的寬度改小,或者直接改成1px,就會發現logo還在原來的位置,而logo_right已經跑到原來logo_left的位置了。