Grænsen bredde af den ydre DIV er 0px. Denne grænse er ikke nødvendigt at have nogen bredde. Brugeren bør ikke engang ved, at den ydre DIV eksisterer. I de tidligere dele af serien brugte jeg en grænse bredde med henblik på illustration. CSS position ejendom til det indre DIV element er "relativt". Dette gør det muligt at flytte (når dens position er ændret) inden i det ydre DIV. Visning af Pane Når du ønsker ruden fra den venstre kant, er display ejendom ydre DIV element ændret til "blok". Da den ydre DIV har ingen grænse, og det er gennemsigtigt, behøver du ikke se det.
Den indre DIV element er flyttet inden den til højre. Når du ikke længere ønsker det, kan du få det til at bevæge sig inden for det ydre DIV til venstre; derefter visningen ejendom ydre DIV element er ændret tilbage til "ingen". Da den ydre DIV element har en z-indeks på 2, mens kroppen element har en z-indeks på 0, alt andet lige, den ydre DIV element er altid foran (et lag ovenfor) de øvrige elementer på siden. Den ydre DIV element er enten vises eller ej. Da den ydre DIV indeholder den indre DIV, den indre DIV er tilsvarende, enten vises eller ej.
Den samme forklaring gælder for ruden kommer ned fra toppen. Øverste venstre hjørne af den ydre DIV er altid på mimic kant. Det betyder, at den venstre kant af den ydre DIV er på mimic kant. I mit design har jeg sætte venstre efterligner kant på den yderste venstre (venstre: 0px) på siden. I min browser, er udseendet af venstre side grænsen ikke påvirket. Du har stadig mærke grænsen. Da vi har givet farven på baggrunden af kroppen element til mimic kant, hvis du virkelig tror udseendet af grænsen vil blive berørt, kan du placere den mimic kant lidt til højre for grænsen på siden.
Du bliver nødt til at ændre koden (venstre placering af din ydre DIV) til denne effekt. Vi tager en pause her og fortsætte i den næste del af serien, hvor vi skal se på den komplette kod