如何設(shè)置span寬度？事實(shí)上，這個(gè)問(wèn)題非常簡(jiǎn)單-首先，我們需要識(shí)別span的屬性，因?yàn)閟pan屬于內(nèi)聯(lián)元素，而內(nèi)聯(lián)元素忽略寬度和高度。這很容易理解。解決方案是使用CSS將span更改為一個(gè)裝箱的元素。

如何設(shè)置span寬度？

事實(shí)上，這個(gè)問(wèn)題非常簡(jiǎn)單-首先，我們需要識(shí)別span的屬性，因?yàn)閟pan屬于內(nèi)聯(lián)元素，而內(nèi)聯(lián)元素忽略寬度和高度。這很容易理解。解決方案是使用CSS將span更改為一個(gè)裝箱的元素。

有兩種方法可以將內(nèi)聯(lián)元素定義為裝箱元素：

1。直接使用display屬性display將其定義為裝箱元素顯示：塊

2. 使用float屬性自動(dòng)將其定義為一個(gè)裝箱元素；

為什么在html頁(yè)面設(shè)置<span>的高度和寬度沒(méi)有效果呢？

Span是一個(gè)線(xiàn)條元素的標(biāo)簽，它不同于div等塊元素，因此如果設(shè)置Span，它只對(duì)文本元素有效，例如設(shè)置顏色、字符大小等。剩下的都沒(méi)用了。

為什么span標(biāo)簽上加position就能設(shè)置寬度與高度了？

位置：絕對(duì)跳躍出了文字流，沒(méi)有行元素，設(shè)置寬度和高度有效，我明白。

位置屬性有四個(gè)值，即靜態(tài)、絕對(duì)、相對(duì)和固定。

（1）靜態(tài)是默認(rèn)值，這意味著塊將保持在它應(yīng)該保持的位置，即更改值沒(méi)有移動(dòng)的影響。

（2）當(dāng)子塊的位置值設(shè)置為絕對(duì)時(shí)，子塊不再?gòu)膶儆诟笁K。

注意：四個(gè)CSS屬性top、right、bottom和left都與position屬性一起使用。它們不僅可以設(shè)置為絕對(duì)像素，還可以設(shè)置為表分?jǐn)?shù)，表示塊的每個(gè)邊界與頁(yè)面邊界之間的距離（位置=絕對(duì)），或者每個(gè)邊界與原始位置之間的距離（位置=相對(duì)）。僅當(dāng)position特性設(shè)置為absolute或relative時(shí)，它才會(huì)生效。如果設(shè)置為static，則子塊中沒(méi)有更改。

（3）當(dāng)塊的位置設(shè)置為相對(duì)時(shí)，它與設(shè)置為絕對(duì)時(shí)完全不同。此時(shí)，子塊相對(duì)于其父塊進(jìn)行定位，父塊也與“頂”、“右”、“底”和“左”四個(gè)屬性一起使用。

頁(yè)面高度怎么設(shè)置？

如何設(shè)置頁(yè)面高度？全選→右擊快捷菜單彈出→打開(kāi)“頁(yè)面布局”→頁(yè)面設(shè)置，如圖所示