Comment Dreamweaver utilise-t-il pour effacer les flottants? _Dreamweaver Tutorial _ Production Web

2020-01-09

Aujourd'hui, nous allons jeter un œil à l'utilisation de clear flottant clear dans Dreamweaver. L'effet flottant n'affectera que ce dernier, donc la commande clear floating devrait être ajoutée à ce dernier. Comment l'utiliser? Jetons un coup d'œil au tutoriel détaillé.


Nom du logiciel:
Adobe Dreamweaver CC 2018 V18.0 édition spéciale chinois / anglais (avec machine d'enregistrement + tutoriel d'installation) 32/64 bits < / strong>
taille:
968MB
mise à jour:
19/10/2017

1. Ouvrez Dreamweaver pour créer un nouveau document html et entrez le contenu dans corps


 
01
02
03
04

2. div add value attribute , comme indiqué, ajoutez différentes couleurs en arrière-plan


 div: nth-child (1) {couleur de fond: rouge;}
 div: nth-child (2) {couleur de fond: vert;}
 div: nth-child (3) {couleur de fond: bleu;}
 div: nth-child (4) {couleur de fond: gris;} 
 

3. Ajoutez un effet flottant à la première div float: left;

4. Prévisualisez l'effet dans le navigateur comme indiqué sur la figure. Vous pouvez voir que seul l'effet flottant est ajouté au premier div et que le deuxième div ci-dessous est également affecté.

5, afin d'éviter que le second ne soit affecté, ajoutez-y un flottant clair , car le premier est ajouté à gauche flottant à gauche, donc si le deuxième effet flottant est effacé, Vous pouvez ajouter clear: left;

6. Si vous ne savez pas dans quelle direction ajouter l'attribut clear, vous pouvez le définir sur clear: both; Clair à droite, l'effet est le même que celui illustré.

7, ajoutez un flottant droit à la troisième div, si affiché flottant: droite;

8. Flottant le troisième div, affectera le quatrième div, donc ajoutez un flottement clair au quatrième div .

Ce qui précède est l'utilisation d'un flotteur clair clair dans Dreamweaver, j'espère que tout le monde l'aime, alors restez à l'écoute.

Recommandations associées:

Comment DW définit-il l'image d'arrière-plan du site Web?

Comment dreamweaver crée-t-il une simple page Web?

Comment mettre du texte sur des images dans dreamweaver?

Ranch


www.xd1998.com@2001-2030Partage De Technologie