html div 右側,span在div裏居左和(hé)居右布局

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

把span當作(zuò)div來(lái)結構結構，讓一個(gè)span在div裏居左，一個(gè)span在div內(nèi)居右，接納float浮動機關。

一、症結CSS代碼：

居左：float:left

居右：float:right

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

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

1、殘缺HTML代碼

span在div內(nèi)居左居右

應用span着實與運用div一樣布局，隻不過标簽一緻罷了，運用float豈論是span還(hái)是div均能實現框架結構。

div css實例實現span在div內(nèi)居左與居右機關

三、總結

隻管默認環境下span不是塊元素，默認不會(huì)獨占一行(xíng)，看似沒有(yǒu)div那(nà)樣有(yǒu)獨有(yǒu)一行(xíng)的特性，但(dàn)列入了float浮動屬性後其功用和(hé)div同樣了，能作(zuò)為(wèi)框架标簽應用，隻不過一樣平常咱們運用div來(lái)布局框架，而span機關小(xiǎo)一小(xiǎo)部分，字體(tǐ)潤飾等來(lái)應用。