2009-10-21 1 views
1

Учитывая разметку like this:How * should * этот контент будет отображаться при введении h-scrolling?

<body> 
    <div style='text-align:center'>header</div> 
    <table> 
    <tr><td> 
     really_wide_table................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 
    </td></tr> 
    </table> 
</body> 

Как это должно быть вынесено, если таблица настолько широк, что горизонтальные полосы прокрутки введены?

Должен ли заголовок div центрироваться на самом левом видимом экране или центрироваться над столом? Или что-то другое?

Примечания: Я знаю, что does случиться, что я ищу является официальной ссылкой, которая определяет, что должно произойти (я побежал в an issue).

ответ

2

A div является блочным элементом и по определению имеет значение по умолчанию width, установленное на 100% его родительского контейнера. Родительский контейнер в этом случае является видимой частью окна браузера.

Так что независимо от того, насколько широким (или как узким, попробуйте) таблицу ниже (или любой элемент в этом отношении), то div по-прежнему будет заполнять 100% видимого окна браузера.

Поскольку номер div такой же широкий, как и окно, он будет располагаться по центру в окне.

У меня нет «официальной» ссылки на это, но я знаю, что это так, как работают спецификации DOM и CSS.

+0

Я запомню это. Если вы хотите, чтобы что-то появилось с центром в размере таблицы, оно должно быть внутри таблицы. –

 Смежные вопросы

  • Нет связанных вопросов^_^