Készítsen 2 oszlop azonos magasságban a css

Ez a rövid lecke a CSS-t szentelt azoknak, akik szeretnék elsajátítani blokk vorstku. Ma nézzük meg ezt a kérdést, mivel létrehozása 2 oszlop azonos magasságú segítségével blokkolja, hanem táblázatokat.

Ez a képesség használata szinte mindenhol, még Verstov szokásos elrendezés 2 oszlopot, ezzel a problémával találkozik, ha szabhat blokkokat. Ugyanazt a leckét célja a fejlődő megértéséhez a legfontosabb alapelveknek a blokk elrendezés.

Készítsen 2 oszlop azonos magasságban a css
Készítsen 2 oszlop azonos magasságban a css

Nézd meg az alábbi képet. Ilyen táblák az eredmény érhető el automatikusan.

Készítsen 2 oszlop azonos magasságban a css

De blokkok minden mást. Lásd a 2. oszlopban vannak kirakva blokkokat.

Készítsen 2 oszlop azonos magasságban a css

Miért történik ez?

A válasz egyszerű. Az a tény, hogy az asztal szerves része, amelyben minden egyes cella függ egymástól, mert ő folytatja. Az egység egy külön, önálló eleme, és soha nem fog viselkedni, mint egy asztal!

Tehát, hogy ugyanazt az eredményt elérni révén blokkok, néhány asztal van, és fel fogjuk használni néhány trükköt.

Sokan közülük, de ma lesz az a legegyszerűbb és érthető újszülött trükk. Mi csak ezt a két készülék egy további elemmel őket egyesítő, és ezt a készüléket úgy határozza meg ezt a hátteret, amire szükségünk van. Mivel az általános áramlás addig folytatódik, amíg a végén a legnagyobb blokk, annak hátteréről lefelé mozdul.

Lássuk, hogyan néz ki a grafikonon.

Készítsen 2 oszlop azonos magasságban a css

Most menjünk egyenesen a kódot.

Most vizsgáljuk meg, mi történik.

Készítsen 2 oszlop azonos magasságban a css

Ezután hozzon létre egy háttérkép. A szélessége a fejegység mi lesz egyenlő 700 képpont. Következésképpen a szélessége a háttérkép egyenlő 700 képpont. Beállíthatjuk a magasság, attól függően, hogy mi a háttérben.

Azért hoztam létre ezt a képet, és nevezte textured.gif

Most nézzük meg, mi történt a CSS

Most, ha megnézzük az eredményeket, azt látjuk, a következő:

Készítsen 2 oszlop azonos magasságban a css

A következtetés a leckét, a jobb megértést, adok egy példát a megváltozott háttérképet.

Hoztam létre itt van egy háttér kép, és nevezte textured1.gif

Természetesen megfelelő megváltoztatta az egyik tulajdonságait CSS.

Itt mi történt:

Készítsen 2 oszlop azonos magasságban a css

Ui Maxim: Ez a hatás nem működik nekem a Firefox.

5 óra utolsó oszlopában „CSS”

Csekély hatása interaktív animációs karakter.

  • Kis fogalma szórakoztató tipp, hogy végrehajtsák az SVG és anime.js. Amellett, hogy a speciális stílust a példában realizált animáció és az átalakulás, a grafikus objektumok.

  • Kísérlet: animált SVG betűk alapján anime.js könyvtárban.

  • Cool weboldal megjelenítését a kísérlet, amelyben a „first-person” a napszemüveg.

  • A kísérleti script legördülő navigációt.

    Készítsen 2 oszlop azonos magasságban a css

    Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!

    Készítsen 2 oszlop azonos magasságban a css

    Készítsen 2 oszlop azonos magasságban a css

    Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

    Készítsen 2 oszlop azonos magasságban a css

    Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

    Készítsen 2 oszlop azonos magasságban a css

    Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!