                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

Div里加內(nèi)容后文本怎么跑到邊邊去了？

我在Div里順便設(shè)置了box3 text,box1 2 浮動(dòng) box3 不浮動(dòng)的情況下，為什么box3的文件會(huì)出現(xiàn)在這個(gè)位置呢？按理不應(yīng)該是出現(xiàn)在底層或者和box1的內(nèi)容重疊？

05:35

秋名山的豆腐

2017-05-05

源自：企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 2-4

關(guān)注問(wèn)題我要回答

1273

操作

收起

1 回答

Z克森回答被采納 +3 積分
2017-05-06

百度復(fù)制：

????一個(gè)元素設(shè)置了浮動(dòng)樣式后，會(huì)影響它的兄弟元素，至于如何影響，要看它的兄弟元素是塊級(jí)元素還是內(nèi)聯(lián)元素。如果兄弟元素是塊級(jí)元素，會(huì)無(wú)視這個(gè)浮動(dòng)元素，即兄弟元素和浮動(dòng)元素共處同行，浮動(dòng)元素會(huì)覆蓋兄弟元素。除非這些 div 設(shè)置了寬度，并且父元素的寬度不足以包含它們，這樣兄弟元素才會(huì)被強(qiáng)制換行；如果兄弟元素是內(nèi)聯(lián)元素，則會(huì)盡可能?chē)@浮動(dòng)元素。

個(gè)人理解：

? ? 三個(gè)同級(jí)div，box1、box2、浮動(dòng)后box1，2脫離標(biāo)準(zhǔn)文檔流不再占用空間，塊級(jí)元素box3無(wú)視box1，2導(dǎo)致12覆蓋box3，但box3中的文本內(nèi)容屬于內(nèi)聯(lián)元素，所以圍繞非標(biāo)準(zhǔn)文檔流元素顯示