為什么div中的元素看著沒(méi)有和span中的元素在一行,明明對(duì)div設(shè)置成浮動(dòng)型的了。
慕田峪0816849
2016-07-31 22:16:58
TA貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超41個(gè)贊
首先,元素浮動(dòng)后,脫離文檔流,但還是會(huì)占據(jù)空間,對(duì)兄弟元素造成影響。因此span不會(huì)因?yàn)閜脫離文檔流就跑到最左邊,這跟position:absolute的脫離文檔流效果是不同的。
其次,瀏覽器默認(rèn)是帶有樣式的。一般寫(xiě)頁(yè)面都會(huì)進(jìn)行css reset清除默認(rèn)樣式影響。這里加一句p{margin:0;}即可。
TA貢獻(xiàn)39條經(jīng)驗(yàn) 獲得超10個(gè)贊
要順序輸出 還的給span設(shè)置浮動(dòng)和塊元素 p標(biāo)簽+margin:0;?
舉報(bào)