2014-09-09 2 views
0

У меня есть таблица с одинаковой шириной, но мне нужен заголовок, поэтому я использую этот атрибут (исправленный) в заголовке, но, к удивлению! когда я использую этот атрибут, заголовок изменяет его размер и теперь меньше, чем другая часть таблицы ... Это похоже на то, что таблица теперь обертывает содержимое (например, в атрибуте android), и если я удалю атрибут: fixed line my заголовок получает ту же самую ширину остальной части таблицы, как я могу использовать фиксированную и без потери первоначальной ширины?Почему при использовании атрибута фиксированный элемент меняет свой размер?

Мой hedaer

th{ 
    position: fixed; 
top: -90px; 
font-family: 'Open Sans', sans-serif; 
font-size: 30px; 
height: 20px; 
background-color: white; 
color: #525552; 
text-align: center; 
} 

и мой Лобов

td{ 
border: 2px solid #525552; 
width: 164.7px; 
margin-top: 50px; 
font-family: 'Open Sans', sans-serif; 
} 
+1

вы могли бы сделать jsfiddle? – SHT

ответ

1

Вы не можете!

position:fixed элемент не подвержен какой-либо другой элемент на странице, но только в окне просмотра:

MDN Definition

Фиксированное позиционирование похож на абсолютное позиционирование, за исключением того, что элемент, содержащей block - это окно просмотра.

Итак, если вы установите позицию fixed, вы можете больше не наследуют ширину родителя (в данном случае таблицы)

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