制作html網(wǎng)頁(yè)經(jīng)常會(huì)使用到span這個(gè)標(biāo)簽，但有些朋友對(duì)這個(gè)標(biāo)簽很多朋友用不好，似乎覺得它又很好用，但有用起來(lái)又很麻煩，尤其是需要給它定義寬度和高度的時(shí)候。
曾經(jīng)有朋友問(wèn)：為什么給用css給span定義高度和寬度后，它的寬度和高度仍然沒(méi)有變化，好像失效了一樣？

其實(shí)這個(gè)問(wèn)題很簡(jiǎn)單——先要認(rèn)清span的屬性，因?yàn)閟pan屬于內(nèi)聯(lián)元素，而內(nèi)聯(lián)元素是忽略寬度和高度的，明白了這一點(diǎn)解決就很簡(jiǎn)單了，解決的辦法就是利用css將span變?yōu)楹醒b元素即可。

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

1.直接使用顯示屬性display將其定義為盒裝元素；
display:block;

2.使用浮動(dòng)屬性float將其自動(dòng)定義為盒裝元素；
float:left;