本篇內(nèi)容介紹了“span在div里居左和居右布局的方法”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),鳳城企業(yè)網(wǎng)站建設(shè),鳳城品牌網(wǎng)站建設(shè),網(wǎng)站定制,鳳城網(wǎng)站建設(shè)報(bào)價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,鳳城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

兩個span在div內(nèi)一個居左一個居右結(jié)構(gòu)

把span當(dāng)作div來結(jié)構(gòu)結(jié)構(gòu)，讓一個span在div里居左，一個span在div內(nèi)居右，接納float浮動機(jī)關(guān)。

一、癥結(jié)CSS代碼：

居左：float:left
居右：float:right

二、div內(nèi)組織span實(shí)例

實(shí)例說明：一個div設(shè)置不一定寬度，再里面布置兩個span盒子，為了能看見span盒子可否靠左靠右布局，同時設(shè)置css邊框。

1、殘缺HTML代碼

應(yīng)用span機(jī)關(guān)居左
使用span機(jī)關(guān)居右