Als je probeert om het verticaal te maken, door het gegeven van een grote hoogte en kleine breedte, het zal niet werken. Dit is het ideale element voor de top mimic rand. Wanneer de muis er overheen, wordt een functie met de naam van de doShiftDown () genoemd. Deze functie bereidt de pagina om de rekenmachine (ruit) naar beneden te verschuiven. De doeleinden van de overige waarden van de HV element overeenkomen met die van de linker rand nabootsen. De rest van de CSS Je hebt wat stijl woningen in stijlkenmerken. De rest van de CSS-eigenschappen zijn in de style sheet.
Dit is de style sheet: De laatste twee verklaringen zijn voor de rekenmachine Input Text-element en de rekenmachine knoppen. Als je de basisprincipes hebben behandeld, dan is de rest van de lijnen van de CSS moet vanzelfsprekend zijn. De rand breedte van de buitenste DIV is 0px. Deze grens hoeft niet elke breedte hebben. De gebruiker moet niet eens weten dat de buitenste DIV bestaat. In de vorige delen van de serie heb ik een rand-breedte ter illustratie. De CSS positie pand voor de binnenste DIV element is 'relatief'.
Dit maakt het mogelijk om te verplaatsen (wanneer de stand wordt gewijzigd) binnen de buitenste DIV. Het tonen van de Pane Wanneer u wilt dat de ruit van de linkerrand, wordt de eigenschap display van de buitenste DIV element veranderd in "blok". Omdat de buitenste DIV heeft geen grens en het is transparant, wil je niet zien. De binnenste DIV element is binnen het verplaatst naar rechts. Wanneer je wilt het niet meer, omdat het je te verplaatsen binnen de buitenste DIV naar links; dan is de eigenschap display van de buitenste DIV element wordt veranderd naar "none".
Aangezien de buitenste DIV element een z-index van 2, terwijl het BODY element een z-index van 0, gelijke omstandigheden, het buitenste DIV element altijd vooraan (een laag boven) de overige elementen van de pagina. De buitenste DIV element wordt ofwel weergegeven of niet. Aangez