Slik skjuler en del av DIV
En DIV er en HTML-container som brukes til å dele din webside i seksjoner og består av en åpning "<DIV>" tag og en avsluttende "</ div>" tag. DIV beholdere brukes vanligvis til å skape den grunnleggende utformingen av en web-side, og kan inneholde tekst, bilder, videoer og andre nettsted elementer. Hvis du ønsker å skjule en del av en DIV container, kan du gjøre dette ved å opprette en DIV container i en DIV container, deretter bruke en rekke CSS koder.
Bruksanvisning
1 Åpne nettsiders dokument i en teksteditor ved å høyreklikke på den, og deretter klikke "Åpne med." Klikk for å velge "Notisblokk" eller "WordPad" fra de nevnte programmene, og klikk "OK."
2 Klikk for å plassere markøren på en blank linje mellom "<BODY>" og "</ BODY>" koder.
3 Type "<div style =" overflow: hidden; bredde: [x] px, høyde: [y] px; '> "for å lage den ytre DIV container, og trykk deretter på" Enter ". Dette er en åpning DIV tag med CSS stil kode som definerer DIV "overflow" eiendom som "skjult". Erstatte "[x]" tekst i etiketten med bredden av den ytre DIV i piksler. Bytt ut "[y]" tekst i taggen med høyden på ytre DIV i piksler. For eksempel, for å skape en ytre DIV beholder med en bredde på 500 piksler og en høyde på 200 piksler, skriv "<div style =" overflow: hidden; width: 500px; height: 200px; '> ".
4 Type "<div style =" width: [a] px; høyde:. [b] px; '> "for å skape den indre DIV beholder og trykk" Enter "Erstatt" [a] "med den indre DIV bredde i piksler og erstatte" [b] "med den indre DIV høyde i piksler. den definerte bredde eller høyde for den indre DIV beholder må være større enn den definerte bredden eller høyden av den ytre DIV beholderen Dette vil føre til at en del av den indre DIV å være skjult av den ytre DIV beholderens. "overflyt: skjult". egenskapen for eksempel, for å skape en indre DIV med en bredde på 600 piksler og en høyde på 300 piksler, skriv "<div style =" width: 600px; height: 300px; '> ".
5 Skriv eller lim inn innholdet du ønsker å vise i indre DIV beholder. En del av innholdet (noe utenfor den ytre DIV definerte høyde og bredde) vil være skjult av den ytre DIV.
6 Type "</ div>" for å lukke den indre DIV beholder.
7 Type "</ div>" for å lukke den ytre DIV beholder.
8 Klikk "Fil" og "Lagre" for å lagre websiden dokumentet.