Comment créer trois divs côte à côte avec CSS

Méthode CSS pour créer trois div côte à côte : 1. Définissez le style "display:inline;" ou "display:inline-block;" sur les trois éléments div ; 2. Utilisez l'attribut float pour faire flotter les trois éléments div ; . Syntaxe "float:left;".

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

div est un élément de bloc et s'affiche par défaut sur sa propre ligne :

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

Alors, comment faire pour que ces trois divs s'affichent côte à côte ? Il existe deux méthodes, laissez-moi vous les présenter ci-dessous :

1. Utilisez l'attribut display

pour définir les trois div sur display:inline; ou display:inline-. bloquer ; display:inline;或display:inline-block;

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

注：当设置成display:inline;

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

Remarque : Lorsqu'il est défini sur display:inline;, il doit y avoir du contenu dans le div, sinon le div ne peut pas être ouvert.

2. Utilisez l'attribut float

pour faire flotter les trois divs

rrreee

(Partage vidéo d'apprentissage : 🎜Tutoriel vidéo CSS🎜)🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!