為什么對box1進行左浮動設置后，再對box2進行左浮動設置時，box2是緊挨著box1的右邊顯示的呢（box1和box2是兩個相鄰模塊）
為什么對box1進行左浮動設置后，再對box2進行左浮動設置時，box2是緊挨著box1的右邊顯示的呢（box1和box2是兩個相鄰模塊）
3 回答
舉報
0/150
提交
取消
為什么對box1進行左浮動設置后，再對box2進行左浮動設置時，box2是緊挨著box1的右邊顯示的呢（box1和box2是兩個相鄰模塊）
2016-10-19
舉報
2016-10-19
本來是就是緊緊挨著的好吧 。
你這樣，為box1設置 ?margin-left：20px；
或者， ? ?為box2設置 margin-right：20px；
上面代碼二選一，都能讓你的box1和box2有間隙。
都是手打的，希望給采納 ?謝謝
2016-11-16
也許是這句話：當元素設置浮動屬性后，會對相鄰元素（緊鄰后面的元素）產生影響
2016-10-19
float這個屬性，float 最早的設計目的是用于圖片，使文字能夠環繞在圖片周圍。
所有帶有浮動屬性的元素兼并了塊元素和內聯元素的優點，使得元素不僅可以設置寬度和高度，也可以在水平方向進行排列布局。帶有浮動屬性的元素會脫離標準流進行排列布局，脫離標準流后的元素就不和塊元素相處在同一個流不居中，使得帶有浮動屬性的元素漂浮在正常塊元素上面。
但是?浮動的塊雖然脫離了正常的文檔流，但是依然占據正常文檔流的文本空間。于是在其后面寫的文本并不會被浮動元素所覆蓋而是繼續水平排列超出換行。
希望可以借鑒