Div里加內(nèi)容后文本怎么跑到邊邊去了?
我在Div里順便設(shè)置了box3 text,box1 2 浮動 box3 不浮動的情況下,為什么box3的文件會出現(xiàn)在這個位置呢?按理不應(yīng)該是出現(xiàn)在底層或者和box1的內(nèi)容重疊?
我在Div里順便設(shè)置了box3 text,box1 2 浮動 box3 不浮動的情況下,為什么box3的文件會出現(xiàn)在這個位置呢?按理不應(yīng)該是出現(xiàn)在底層或者和box1的內(nèi)容重疊?
2017-05-05
舉報
2017-05-06
百度復(fù)制:
????一個元素設(shè)置了浮動樣式后,會影響它的兄弟元素,至于如何影響,要看它的兄弟元素是塊級元素還是內(nèi)聯(lián)元素。如果兄弟元素是塊級元素,會無視這個浮動元素,即兄弟元素和浮動元素共處同行,浮動元素會覆蓋兄弟元素。除非這些 div 設(shè)置了寬度,并且父元素的寬度不足以包含它們,這樣兄弟元素才會被強(qiáng)制換行;如果兄弟元素是內(nèi)聯(lián)元素,則會盡可能圍繞浮動元素。
個人理解:
? ? 三個同級div,box1、box2、浮動后box1,2脫離標(biāo)準(zhǔn)文檔流不再占用空間,塊級元素box3無視box1,2導(dǎo)致12覆蓋box3,但box3中的文本內(nèi)容屬于內(nèi)聯(lián)元素,所以圍繞非標(biāo)準(zhǔn)文檔流元素顯示