Позиция: Абсолют и Позиция: относительная проблема, т.е.

Question

У меня проблема. Пожалуйста, смотрите код ниже.

<div style="position:relative; overflow:hidden; width:120px;">
  <div style="position:absolute; left:0px;">Content</div>
  <div style="position:absolute; left:40px;">Content</div>
  <div style="position:absolute; left:80px;">Content</div>
</div>

Проблема в том, что в Firefox он работает нормально; но когда я запускаю этот код в ie-8, это дает проблемы. Все элементы div с позицией: absolute имеют ширину 40px. они должны просто занять ту позицию, которой я их назначаю. То есть, 2-й делитель с position:absolute занимает двойной левый пробел. Он считает, что первый div имеет значение 40px, а затем подсчитывает 40px больше. Он должен просто взять 40px с левой стороны относительно позиционированного div. Может кто-нибудь помочь, пожалуйста?

Answer 1

В элементах «без макета» hasLayout не запускается, то есть чистый div без измерения может быть «предком без макета».

Answer 2

Работает как положено в ie7 и ie8.И отбросьте это переполнение: скрытое, потому что оно скрывает все.Посмотрите, как все это выглядит с рамкой: http://jsfiddle.net/uWkJ7/1/ Все элементы div расширяются до ширины содержимого.