css讓三個(gè)div并排的方法：1、給三個(gè)div元素設(shè)置“display:inline;”或“display:inline-block;”樣式；2、使用float屬性，讓三個(gè)div元素浮動(dòng)起來(lái)，語(yǔ)法“float:left;”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

div是塊狀元素，默認(rèn)是獨(dú)占一行顯示的：

<div></div> <div></div> <div></div>

那么怎么讓這三個(gè)div并排顯示呢？有兩種方法，下面給大家介紹一下：

1、使用display屬性

將三個(gè)div全部設(shè)置成display:inline;或display:inline-block;

div{ 	width: 100px; 	height: 20px; 	border: 1px solid red; 	display:inline-block; }

注：當(dāng)設(shè)置成display:inline;時(shí)，div中需要有內(nèi)容，不然無(wú)法將div撐開(kāi)。

2、使用float屬性

將三個(gè)div浮動(dòng)起來(lái)

div{ 	width: 100px; 	height: 20px; 	border: 1px solid red; 	float:left; }

（學(xué)習(xí)視頻分享：css視頻教程）