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!
utilisation de hdtunepro
Comment configurer Douyin pour empêcher tout le monde de voir l'œuvre
La différence entre i5 et i7
Comment déverrouiller le verrouillage par mot de passe sur votre téléphone Apple si vous l'oubliez
Comment sauvegarder des programmes écrits en pycharm
La différence entre les magasins phares autogérés et officiels de JD.com
conversion de fichier flac
Le numéro virtuel reçoit le code de vérification
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
