Cet article présente principalement les deux méthodes d'implémentation du côté gauche fixe et du côté droit adaptatif. Je pense qu'il sera très utile pour tout le monde d'apprendre la mise en page des pages Web. Jetons un coup d'œil avec l'éditeur
. 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>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>Pour plus d'articles liés au côté gauche fixe et au côté droit adaptatif, veuillez faire attention au site Web PHP chinois !
solution d'exception mysql
Comment désactiver la protection en temps réel dans le Centre de sécurité Windows
couleur de la police CSS
Que signifie généralement une extension de fichier ?
Que faire si une erreur normal.dotm se produit
css
Comment définir le retour à la ligne automatique dans Word
Téléphone portable projecteur
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
