Calcul dans les styles
1 2 3 4 5 6 7 8 9 10 | <style> #monobjet[ width : 180px ; width : 100% ; // tout le div contenant margin-left : 180px ; // monobjet va sortir de 180px vers la droite // solution width :calc( 100% - 180px ); // tout le div contenant - 180px ; // calcul avec + - * / des % px, em ne pas oublier d’entourer les opérateurs par des espaces } </style> |
Pour afficher un truc du genre : Ctrl+Shift+M
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <kbd class= "kbd" >Ctrl</kbd>+<kbd class= "kbd" >Shift</kbd>+<kbd class= "kbd" >M</kbd> <style> kbd { background-color : #f7f7f7 ; border : 1px solid #ccc ; color : #333 ; font-size : 11px ; line-height : 1.4 ; text-shadow : 0 1px 0 #fff ; display : inline- block ; padding : . 1em . 6em ; margin : 0 . 1em ; white-space : nowrap ; box-shadow: 0 1px 0 rgba( 0 , 0 , 0 ,. 2 ), 0 0 0 2px #fff inset ; border-radius: 3px ; } </style> |