Azonos magasságú oszlopok div
Említett ebben a cikkben fog összpontosítani a flex tulajdon. Rajta írtam ezt a cikket - A második rész a titkos tulajdonságait CSS3.
oldal elrendezése
HTML rész
Mi két oszlopot, amely a jövőben meg fog tenni az azonos magasságban a CSS:
- flex-nőnek - amennyire egyetlen egység lehet nagyobb, mint a szomszédos elemek.
- flex zsugorodó - meghatározza, hogy zsugorodni, ha szükséges.
Oldalunk a végéhez közeledik. De amikor az egység a fő tartalommal szűkül, az oldal lesz nagyon hosszú. Ezért egy bizonyos szélessége a képernyő, tudjuk, hogy a bal oldali sávot az egység alatt a fő tartalommal és kényelmesen megtekinthető a mobileszközök:
Itt a kód nélkül előtagot nem foglal sok helyet, és nem nézett terjedelmes. Akkor teljesen működő példa a gombbal elején a cikket.
Továbbá meg kell jegyezni, hogy amennyiben ez a módszer működik. Mivel az ingatlan viszonylag új, és hogy működik a modern böngészők Firefox, Chrome, Safari, Opera és az IE 11.
Ebben a cikkben megtanulta, hogyan lehet egy oszlop azonos magasságban a CSS. De ez nem minden jellemzője CSS tulajdonságok. flex tulajdonság lehetővé teszi a gumi blokkokat, épít elemek automatikusan több hasábban vagy sorok el az összes szabad területet, és még sok más.
De a legalapvetőbb és legfontosabb, gyakran használt megoldás az elrendezést, már úgy ezt a cikket.
😎 megdöbbentő döntést a két oszlop azonos magasságban! Nincs alternatívája!
Más megoldások - a „trompe l'oeil”, mint keretvastagságot félre. Több vagy kevesebb jó megoldás - így a globális tulajdonságait a tartály tábla (display: table;), és félre és fontosabb - ingatlan a cella (display: table-cell;). De ez a döntés - nem az, hogy nem nagyon ... És itt - csak egy öröm!
A megoldás egyszerű, elegáns, könnyen alkalmazkodik magát. Nem csak ez magában foglalja a lehetőséget a játékosok számára.
Bár nem világos, hogy ez az utolsó szabály:
@media minden, és (max-szélesség: 700 képpont).
#main
>
- nem látta ezt a rést 40px.
Köszönöm szépen, én vesznek fel a fedélzetre.
De vajon mennyit fog megfelelően rögzítse fejléc és a lábléc a tartály az oldalon? Például, hogy a globális konténer
#global margin: 0 auto;
max-szélesség: 1300px;>
és a header fájlok, akkor szakasz id = „oldal # 038, # 34, végül a pincében ...
Köszönöm, jó ember - ügyes!
De van egy pár problemochek - ők meg lehet oldani, de popyhtet.
IMHO, hogy megszabaduljon e visszapörgetéses van 2 megoldás:
a) A menüben ad linkeket nem csak a cikkeket, és hivatkozik a horgony a cikk elején. Például,
És akkor, ha a menü gombot, a felhasználó ugrani közvetlenül az elején a cikk, nem az oldalt. A menü a bal felső sarokban.
2. A második probléma - kiderült, hogy nem is olyan könnyű kiválasztani a szélessége, amely az oldalt félre, és bélés szalag:
Bár most kísérletezni: ez jelenik meg a különböző mobil böngészők egészet másképp! oklmn!
Lehet, hogy valaki felajánlja a megoldás?