[漢中網(wǎng)站建設(shè)公司]網(wǎng)站建設(shè)怎么讓行級(jí)元素浮動(dòng)起來(lái)

閱讀 ?·? 發(fā)布日期 2019-05-28 14:05 ?·? admin
[漢中網(wǎng)站建設(shè)公司]網(wǎng)站建設(shè)的時(shí)候有很多朋友遇到這樣的問(wèn)題,那就是用div來(lái)進(jìn)行控制會(huì)比較容易。但是涉及到行級(jí)元素控制位置的時(shí)候就不那么容易了。比如說(shuō)p標(biāo)簽或者是a標(biāo)簽之類(lèi)的。這些東西的位置控制搞得大家也是相當(dāng)?shù)牟凰1热缯f(shuō)這些標(biāo)簽里面可能會(huì)有文字,在這些標(biāo)簽或者標(biāo)簽里面的文字很容易就跑到這個(gè)框框外面來(lái),也是大家覺(jué)得位置不好控制。這個(gè)時(shí)候我們同樣可以利用浮動(dòng)的原理來(lái)進(jìn)行控制,我們知道浮動(dòng)的時(shí)候就是從左往右,然后從上往下或者是從右往左從上往下等等,它就不會(huì)出現(xiàn)跑到外面來(lái)的情況,那么這個(gè)又該怎么設(shè)置呢?[漢中網(wǎng)站建設(shè)公司]
       網(wǎng)站建設(shè)的時(shí)候控制位置的元素我們可以把它稱(chēng)之為塊級(jí)元素,也就是像方塊一樣一塊一塊的。而那些行級(jí)元素比如說(shuō)p標(biāo)簽或者a標(biāo)簽他就不會(huì)像塊級(jí)元素一樣具有浮動(dòng)性。此時(shí)我們可以用float讓這些原本不浮動(dòng)的行級(jí)元素也變成塊級(jí)元素,讓他們也浮動(dòng)起來(lái)。直接使用float設(shè)置屬性為right或者left,這樣就可以讓他們活動(dòng)起來(lái)了。然后我們?cè)侔凑諌K級(jí)元素的方式來(lái)進(jìn)行位置的控制,這樣控制起來(lái)就非常容易了。比如我們?cè)O(shè)置了這個(gè)屬性之后,接下來(lái)就可以設(shè)置長(zhǎng)度和寬度,也可以設(shè)置這些元素的背景顏色或者是文字顏色,同時(shí)還可以設(shè)置內(nèi)邊距和外邊距等等。這樣做有一個(gè)好處那就是當(dāng)你設(shè)置完畢之后,你會(huì)發(fā)現(xiàn)里面的文字也跟著浮動(dòng)起來(lái)了,以后就不會(huì)看到那些文字跑到外面來(lái)。[漢中網(wǎng)站建設(shè)公司]