J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas comment me débarrasser de tous les espaces en bas. Je veux m'en débarrasser.
J'ai essayé de réglerbody
和html
的min-height
à 100 % mais rien n'a fonctionné. Mon code est ici : https://github.com/eelegiap/thesis-code/tree/main/search
body { padding-left: 3vh; padding-top: 3vh; padding-bottom: 20px; } #searchCol { padding-left: 6vh } form { width: 25% } #results { padding-right: 10vh; } #resultsContainer { max-height: 30%; overflow-y: auto } .result { padding-left: 4vh; } .poemResult { cursor: pointer; border-radius: 10px; padding-left: 10px; padding-top: 5px; } #poemContainer { max-height: 30%; overflow-y: auto; } #poemMeta { padding-top: 10vh; padding-left: 15vh; padding-bottom: 5vh } #poemTxt { padding-left: 15vh; padding-bottom: 10vh; } .input-group { max-width: 75%; padding-bottom: 5vh } /* Tooltip text */ .titleTooltip .tooltiptext { visibility: hidden; position: absolute; text-align: left; width: fit-content; height: fit-content; padding: 2px; padding-right: 15px; font: 12px sans-serif; background: #e5ffff; border: 1px solid gray; border-radius: 8px; pointer-events: none; z-index: 1; } .titleTooltip:hover .tooltiptext { visibility: visible; } .token mark { display: contents; } input, .dropdown-toggle { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .searchBar { min-height: 50px } #search { background-color: lightsteelblue; }
Contemporary Russian Internet Poetry
Vous utilisez
padding-bottom: 20px;
dans le texte. Il crée un remplissage inférieur ou un espace sur la partie inférieure de votre site Web.Vous devez le supprimer.