Итак, посмотрите этот скриншот страницы, над которой я работаю в Chrome Developer Tools :
http://www.madingley.org/uploaded/devtools.png
Верхнее правило в «Соответствующих правилах CSS» предполагает, что ширина элемента должна быть 160px.
Но в 'Computed Style' ширина фактически равна 0px.
Если вы нажмете «0px», снова появится правило, предполагающее, что ширина должна быть 160px. Но это не так.
Что происходит? Что устанавливает ширину 0px, которая невидима для Chrome Developer Tools?
А как мне это отладить?
ссылка использует display: inline;. Вы хотите либо display: inline-block;, либо display: block; (если вам нужна поддержка IE6-7).
display: inline;
display: inline-block;
display: block;
Возможно, вы захотите прочитать спецификацию в свойстве display .
Поскольку это элемент display: inline, вы не можете установить его ширину.Попробуйте display: inline-block.
display: inline
display: inline-block
Имеет свойство display: inline, которое заставляет элемент игнорировать ваши значения ширины, высоты, даже если они отмечены !important
!important