Hvordan Plasser en Div Dynamisk

Ved utforming og publisere en nettside, må mye konsentrasjon og forberedelse går inn til organisering og layout. Med fremveksten av alternative visnings enheter som mobiltelefoner og nettbrett, er det viktigere enn noensinne å plassere objekter på siden din dynamisk slik at området vises korrekt på tvers av plattformer med varierende oppløsninger. Sette dine divs å posisjonere seg dynamisk er en rask og effektiv metode for å etablere en enhetlig layout for alle seere.

Bruksanvisning

1 Legg en DIV til siden din ved å skrive "<div>" for å starte divisjon og "</ div>" for å avslutte den. Alt innhold plassert mellom start- og slutt kodene vil bli vist i DIV.

2 Sett "style =" posisjon: fixed; "" etter "div", og før den avsluttende brakett i begynnelsen DIV tag å plassere dynamisk fordeling i forhold til nettleservinduet. Erstatt "fast" med "absolutt" hvis du ønsker å plassere DIV basert på en prosentandel av vinduet plass.

3 Legg til "top: #px, venstre: #px;" etter semikolon av uttalelsen lagt i trinn 2. Erstatt "#" med antall piksler fra toppen og til venstre i nettleservinduet du vil DIV skal vises. "Høyre" og "bunn" kan bli brukt i stedet for "topp" og "venstre".

4 Erstatt "px" med den prosenttegn (%) for å skape den DIV på tvers av en prosentandel av vinduet plass. For eksempel, hvis du vil at DIV å begynne i midten av nettleservinduet, bruk "venstre. 50%" For eksempel: <div style = "posisjon: fixed; top: 50 piksler, høyre: 30%;"> DIV innhold går her </ div>