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

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!