Cette fois, je vais vous présenter la méthode de disposition du côté gauche fixe et du côté droit adaptatif. Quelles sont les précautions concernant la méthode de disposition du côté gauche fixe et du côté droit adaptatif. Voici les cas réels. jetez un oeil.
La première méthode :
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.one {
position: absolute;
height: 200px;
width: 300px;
background-color: blue;
}
.two {
height: 200px;
margin-left: 300px;
background-color: red;
}
</style>
</head>
<body>
<p class="one"></p>
<p class="two">第一种方法</p>
</body>
</html>La deuxième méthode :
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.one {
float:left;
height: 200px;
width: 300px;
background-color: blue;
}
.two {
overflow: auto;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<p class="one"></p>
<p class="two">第二种方法</p>
</body>
</html>Je crois que vous avez lu cet article Vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Implémentation des effets visuels CSS3
Explication détaillée du chargement dynamique des CSS
Comment utiliser la propriété webkit-tap-highlight-color de CSS3
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!
La différence entre mac air et pro
Quelle est la raison de l'échec de la connexion au serveur ?
Le dossier devient exe
routage doux Wayos
La différence entre Scilab et Matlab
méthode js pour supprimer le nœud
Migrer les données d'un téléphone Android vers un téléphone Apple
Solution à la réinitialisation de la connexion
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
