Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> #div1 { largeur: calc(100% - 100px); hauteur: calc(30vh + 50px); marge: auto; bordure: 1px solide noir; padding: 10px; } </style> </head> <body> <h2>La fonction calc()</h2> <p>La largeur de #div1 est définie à 100% moins 100px pour le rembourrage. Cela garantit que le #div1 occupe 100% de la largeur du conteneur, avec un décalage de 50px de chaque côté (avec margin: auto;).</p> <p>La hauteur de #div1 est définie à 30 % de la hauteur de la fenêtre d'affichage + 50px.</p> <div id="div1">Some text...</div> </body> </html>