CSS: Не удалось установить tbody высоту в % для прокрутки

Question

CSS: Не удалось установить tbody высоту в % для прокрутки

Я пробую решение CSS прокрутки содержания таблицы при сохранении заголовка исправленным.

Код CSS 1:

Вывод для этого стиля здесь: http://riotdesign.in/test.php

Это хорошо работает в Firefox (я не забочусь о IE в данный момент..)

Однако, если я использую проценты вместо пкс или их:

Это - то, что я получаю: http://riotdesign.in/test2.php

Что я делаю неправильно?:)

5

html css overflow

задан Josh Darnell 4 January 2012 в 14:55

1 ответ

Другие вопросы по тегам:

html css overflow

Похожие вопросы:

score 3 · Answer 1

В какой-то момент ваши объекты должны иметь блок родительский элемент уровня с окончательным размером, чтобы получить прокрутку, которую вы хотите.

В частности, в вашем случае либо содержащий div listdata или таблицу listdata , необходимо иметь определенную высоту.

При добавлении процентных значений высоты и ширины убедитесь, что вы знаете ответ «х% от того, что ...?» И следуйте этому вопросу о цепочке, пока вы не ударите что-то с жесткими границами. Если вы сделаете его в тело элемент и до сих пор не имеют жесткой границы, вы не получите эффект, который вы хотите.

Я проверил оба из них в Firefox 3.5.xx и получил Tbode Tbode , чтобы прокрутить:

#ListData
{
    display:block;
    width:100%;
    height:200px;
    float:left;
    background:#ffffff;
}

или

#ListData table {
   width:100%;
   height: 200px;
}

Это также работает:

body
{ 
  width: 100%;
  height:600px;
}