У меня есть <a> элементов в двух разных контекстах на моей странице, некоторые из них находятся в div (назовите их .container > a), а некоторые — в дочерних div (например, .container > .section > a), и даже некоторые из них находятся в следующих потомках div ( например .container > ... > .section > а). В настоящее время я занимаюсь форматированием встроенных элементов <a> с помощью следующего CSS:
line-height:1.4;
position: relative;
left: 15px;
margin-left: -5px;
Поскольку в настоящее время я оформляю ссылки с помощью border-bottom: 1px dotted #333, необходимо, чтобы ссылки оставались встроенными элементами. Проблема в том, что иногда ссылки в .section ведут себя не так, как в .container. Последние отлично смотрятся как в FF 3.6, так и в IE7. Первые имеют первый символ или около того (независимо от того, что находится внутри суммы отрицательного поля), обрезанного в IE7 (я предполагаю, что это отрицательное поле).
Я думаю, что это может быть ошибка с hasLayout, поэтому я проверил статус трех случаев. Они следующие:
Случай 1) Для .container > a значение .container hasLayout истинно. (https://imgur.com/WJ3zM.png)
Случай 2) Для .container > .section > a, .section hasLayout — false, а .container hasLayout — true. (https://imgur.com/4NHxj.png)
Случай 3) Для .container > ... > .section > a, .section hasLayout — false, все промежуточные контейнеры (divs, li и ul), кроме одного, hasLayout — true, а .container hasLayout — true. (https://imgur.com/WefBk.png)
Первые два случая нормально выглядят в IE7, а третий случай имеет ошибку отрицательного поля. Что может быть причиной этого, и в таком ограниченном контексте?
