Utasítás - tippek a css - hogyan helyezze a helyszínen logó a bal oldalon és egy szlogen - a megfelelő
Hogyan gondoskodik a helyszínen logó a bal oldalon és egy szlogen - a megfelelő
Ha valaha is fel oldal elrendezés táblázatok segítségével, akkor tisztában vannak azzal, hogy mennyire könnyű elérni látható. 9.10 hatást. Elég, ha összehangolják a tartalmát a bal cellája, amely két oszlopot a bal oldalon, és a jobb - a jobb oldalon. Szerencsére ugyanazt az eredményt lehet elérni CSS.
Ábra. 9.10. Helye a logó a bal oldalon és egy szlogen - a megfelelő CSS
döntés
A pozicionáló elemek ilyen módon, akkor a float tulajdonság:
megbeszélés
A tulajdonság úszó elemeket lehet igazítani „cap” mindkét oldalán. Hozzáadása előtt az ingatlan jelenik elemek egymás mellé ábrán látható. 9.11.
Az ilyen elhelyezés az elemek miatt a HTML-jelölést, amely nem tartalmaz utalást a helyét. Ezért ők csak követik egymást.
Ábra. 9.11. Az alapértelmezett hely az elemek
Tekintsük a HTML-kódot, a vezérlés elrendezése szlogen:
Az ingatlan úszó elemeket lehet elhelyezni a bal osztály logó, szlogen és az elemek az osztály - jobb. Ezen kívül van hozzá egy szabályt, hogy összehangolja a szöveget jobbra szlogen, amely nélkül ő lenne nyomni a bal szélén a tartalmazó elem span, amely igazodik a jobb oldalon! Az eredmény a fellépések ábrán mutatjuk be. 9.12.
Ábra. 9.12. Alkalmazás tulajdonságok float pozicionáló elemek
Ahhoz, hogy hozzon létre egy új üres elemek köré hozzá a logó a világűrben felülről és a bal oldalon, és a szlogen - felső és jobb:
Ezt a megközelítést alkalmazva figyelembe az alábbiakat: ha csinálsz az összes elemet a tartályban úszó, semmi okoz a tartályt ki kell nyitni, és a magassága nullára csökken, amint az ábra. 9.13.
Ábra. 9.13. Amikor megadja a tulajdonságait az úszó gyermekek számára „sapkát” teljesen összeomlik
A jobb áttekinthetőség érdekében, adtam hozzá, hogy a tartály keret logó és szlogen. Ábra. 9.14. ábra egy nézet a tartály előtt hozzárendelési gyermek elemek tulajdonságai lebegnek.
Ábra. 9.14. A méret a „sapkát” rendelni gyermek elemek a float tulajdonság
Hozzárendelése után gyermek elemek tulajdonságai lebegnek a palack magasságának nullára csökken, mert most már eltávolították az általános patak elem a dokumentumban, aminek következtében a tartály keret vált egy szilárd piros vonal, ábrán látható. 9.13.
Ahhoz, hogy ilyen helyzet elkerülése, blokk magassága állítható be a tulajdonságait magassága:
Most a blokk van rendelve a területen az oldal, ábrán látható. 9.15.
Ábra. 9.15. Miután beállítottuk a magasság tulajdonság a div c «sapka» oldal jelenik meg teljesen normális
Kiválasztása magasság tulajdonságok ilyen helyzetben kell venni az esetleges változásokat a dokumentum, ha a felhasználó növeli a betűméretet. A mértékegységek ebben az esetben a legjobb, ha használni őket, mert növeli a magasságát az elem megfelelően a méret a szöveget, és még mindig képes tartani, és nem „nyomja” lebegő elemek.
Ha a szöveg mennyisége a tartályban ismeretlen volt, meg kell kihasználni a világos ingatlan, beszélgettünk egy kicsit korábban.