Zastanawiam się, czy ktoś tutaj miał dość prosty samouczek dla następującego 2 układu css kolumny. Lewa stała kolumna i kolumna z zawartością płynu, z nagłówkiem i stopką oraz równymi wysokościami kolumn.Układ CSS 2-kolumna stała-płynna
Odpowiedz
Wypróbuj this Dynamic Drive layout i jego krewnych (o czym mi mówiono przez podobne moje pytanie).
Ten, którego używam, to sztuczka z układem kolumn, która nie zawiera skryptów.
Oto poradnik, który wydaje się być prostym wyjaśnieniu pojęcia: dustinbrewer.com
Oto oryginalny alistapart.com artykuł, że dowiedział się od: alistapart.com
powodzenia!
Istnieje jeszcze łatwiejsze rozwiązanie tego, co odkryłem nie tak dawno temu. Działa dobrze z powrotem do IE7. Element #fluid div przesunie się obok ustalonej poprawki i zajmie pozostałą przestrzeń, zachowując jednocześnie dużą płynność dla wszystkich responsywnych witryn.
#fixed{
width:150px;
float:left;
}
#fluid{
overflow:hidden;
}
Czy można uzyskać równe wysokości kolumn? Zobacz tę wersję demo, nie chciałbym widzieć czerwieni. http://jsfiddle.net/louiswalch/uEj55/92/ –
To rozwiązanie działa również świetnie, jeśli chcesz ustawić kolumnę po prawej i płyn po lewej stronie. Po prostu zmień css dla #fixed na float: right. – ctown4life
To jest wspaniałe - czy możesz wyjaśnić, co przepełnia: ukryty w tym kontekście? – IcedDante
- 1. Układ CSS Pytanie
- 2. Wewnętrzna granica css, zepsuty układ
- 3. Układ strony CSS z przerwami
- 4. Układ CSS - Szerokość dynamiczna DIV
- 5. CSS o dwie kolumny układ
- 6. układ CSS, wykorzystanie CSS, aby zmienić kolejność DIV
- 7. Jak utworzyć układ obramowania za pomocą css?
- 8. CSS auto-width Układ bez marginesu: auto
- 9. Układ wielu kolumn CSS: niepoprawne dzielenie kolumn
- 10. Pełna wysokość i pełna szerokość układ CSS
- 11. Poziomy układ murarski z Flexbox Tylko CSS
- 12. Układ CSS łamie bez ramki div
- 13. Układ podzielony na strony główne (CSS)
- 14. Układ CSS, który wypełnia dostępne miejsce
- 15. Układ w stylu muru TYLKO z CSS
- 16. Układ CSS Flexible Box na iPadzie
- 17. Układ kolumn CSS Flex bez określonej wysokości
- 18. Czy istnieje prosty 3-kolumnowy, czysty układ CSS?
- 19. Jak utworzyć ten układ nagłówka/treści/stopki za pomocą CSS?
- 20. Czy istnieje układ Ruby on Rails layouts/css?
- 21. Jak utworzyć responsywny układ poziomy za pomocą CSS?
- 22. Układ tabel a układy oparte na CSS dla stron internetowych
- 23. Układ CSS z pełnym rozmiarze lewym pasku nawigacyjnym i cel
- 24. Trzy-kolumnowy układ CSS - stały/max/szerokość zmienna
- 25. dlaczego 15% + 85% nie daje 100%. Układ stron HTML/css
- 26. Układ ciekłokrystaliczny w kolumnie CSS 3 ze stałą kolumną środkową
- 27. Który układ powinienem użyć (odpowiednik bloku inline CSS)?
- 28. Układ HTML DIV
- 29. Razor Zobacz Bez Układ
- 30. Android - układ koordynatora, układ szuflady i fragmenty
Większość tego, co wiem na temat HTML i CSS I nauczyłem się od [HTML Dog] (http://htmldog.com). HTML Dog ma [stronę w swoim samouczku] (http://htmldog.com/guides/cssadvanced/layout/) o tworzeniu układu dwóch kolumn ze stopką. –