0

Добрый вечер!

Есть такой блок:

<ul>
      <li id="parent">
          <a href="#">test</a>
          <ul class="child">
             <li id="child-elem">test-child</li>
          </ul>
     </li>
</ul>

У блока #parent width auto, у блока .child position absolute, как сделать ширину к блока #child-elem, как у блока #parent (width inherit не помогает)?

Спасибо за внимание.

1 ответ 1

0

Выставьте абсолютному элементу left и right, равные нулю: http://jsfiddle.net/5uZLh/1/. Лишний раз напомню, что абсолютно и фиксированно позиционированные элементы выпадают из общего потока, поэтому их лучше вообще избегать.

9
  • 1
    выпадают только фиксированные, абсолютные очень удобно позиционируются относительно relative родителя.
    – zb'
    17 фев 2014 в 20:54
  • @eicto, фиксированные тоже на месте позиционируются, если им привязки не задавать. А насчет выпадают - вы здесь перекрытие видите: jsfiddle.net/6LN3N ?
    – etki
    17 фев 2014 в 21:07
  • я вообще про "избегать", надо понимать что делаешь и всё :) естественно абсолютно позиционированный элемент, ни на кого, кроме как на своих потомков не влияет, а его позиция относительна либо документа, либо предка с position: relative; про fixed тоже, вот как вы будете выводить что-то посреди экрана, в случае прокрученной таблицы ? будете выстраивать относительный элемент, предварительно найдя с js какой нить элемент на экране, его позицию относительно окна и документа, и двигая поля, будете пытаться нарисовать его на экране ?
    – zb'
    17 фев 2014 в 21:32
  • @eicto ты о чем вообще?
    – etki
    17 фев 2014 в 21:36
  • 1
    @Fike, вот [ещё пример][1], кстати, только вчера писал. @eicto, "не верстай таблицами" -- это да... Мне как-то пытались доказать, что игровое поле 10x10 клеток надо набирать из десяти div'ов, содержащих внутри сотню span'ов, потому что "табличная вёрстка устарела". [1]: hashcode.ru/questions/297703#297747
    – Risto
    17 фев 2014 в 23:03

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.