5
Aby uzyskać rozciągnięcie mojego układu do pełnej strony, używam Sticky CSS Footers. Podejście to wymaga ode mnie ustawienia Body html na "display: table".Wrażliwe tabele Bootstrap z elementem wyświetlającym "display: table"
Wszystko działa poprawnie, z wyjątkiem tabel reagujących w Bootstrap. Te nadal rozciągają się poza okno wyświetlacza.
Oto przykład: http://jsbin.com/wifomelabu/1/edit?html,css,js,output (zminimalizować przeglądarkę widzi ten problem)
Jeśli usuniesz „display: table” z organizmu to działa dobrze.
Czy istnieje sposób, aby tabele responsywne działały z elementem "display: table"? Czy muszę znaleźć nowy sposób na rozciągnięcie mojego układu do pełnej strony?
hmm. NIGDY nie widziałem "body" ustawionego na "display: table". Czy to celowo? –
Yup! Pozwala na tworzenie "wierszy", aby strona mogła przejść całą wysokość okna przeglądarki: http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html – dochoffiday
Hmm. Po prostu użyj 'width: 100%', a następnie umieść ''
Odpowiedz
Zastosowanie
zamiast
Zobacz przykład http://jsbin.com/jesitabiya/1/
Źródło
2015-01-02 22:23:33
Powiązane problemy