Czy ktoś wie, że mogę wykonywać pracę na minimalnej wysokości z najnowszymi przeglądarkami? Używam tabel CSS i wydaje się ignorować min-wysokość.Wyświetlanie CSS: minimalna wysokość tabeli nie działa
<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>
Przy użyciu tabel, wysokość zasadniczo wynosi minimum wysokości, a stoły zawsze rozciągnięcia. Po prostu pozbyć się "min-" i będzie działać tak, jak oczekujesz.
Jest to całkowicie nieintuicyjne, ale na miejscu. Najlepsze wyniki wydają się wynikać z umieszczenia "stałej" wysokości na najbardziej wewnętrznych elementach 'display: table-cell'. – eternicode
Nie działa dla mnie. – chovy
Nie testowałem w IE, ale wygląda na to, że Firefox jest jedynym, na który ten problem ma wpływ. – Dex
Użyj height: 1px; w tabeli lub dowolnej wartości. Zasadniczo musisz podać tabelę wysokości, aby zadziałać z min-height. Posiadanie tylko min-height nie będzie działać na stołach w Firefoksie.
OP pyta, jak sprawić, by działał z najnowszą przeglądarką. Po prostu dałem mu rozwiązanie. Jak to nie jest dokładne? – virajs0ni
Podaj wysokość jak wysokość: 1px, jak powiedziałeś, następnie zaczął działać –
Gdy używasz display:table; lub głębiej nieruchomość jak display:table-cell; rozważyć użycie height zamiast min-height. Podobnie jak w tabelach height = min-height, biorąc pod uwagę funkcję automatycznego rozpiętości.
podobny wpis: http://stackoverflow.com/questions/25238/100-min-height-css-layout – diEcho
Czy potrafisz zdefiniować * tabele CSS *? Masz trochę znaczników? – alex
umieść swój html, odpowiedni css i, jeśli to możliwe, podaj link do swojej strony (lub spróbuj zbudować http://jsfiddle.net/), aby pokazać swój problem. – oezi