Мой элемент img не будет перекрывать родительский div своего родителя?

Question

Мой элемент img не будет перекрывать родительский div своего родителя?

0

Мой сайт настроен следующим образом:

<html lang="en">
  <body>
    <div id="container">
      <div id="contentainer">
         <img src="img/car.png" alt="car.png" syle="position: absolute; top:10px; left:-35px; ">
         <div id="contentLeftTop"> ... </div>
         <div id="contentRightTop"> ... </div>
         <div id="contentLeftBottom"> ... </div>
      </div>
    </div>
  </body>
</html>

И CSS, связанный с задействованными элементами:

#container {
  position:relative;
  margin:auto;
  width:820px;
  overflow:hidden;
  z-index:-1;
}
#contentainer {
  position:relative;
  float:left;
  width:800px;
  background-color:#FFF;
  border:10px groove #999;
  border-radius:15px;
  z-index:1;
}

То, что, похоже, происходит, заключается в том, что изображение обрезается из-за ограничений ширины родительского "контейнера" div, но оно успешно перекрывает div "contentainer". Что я делаю не так? Я пытаюсь вставить car.png в начало страницы.

Заранее спасибо.

mattshu 16 дек. 2013, в 20:09

Источник

1

Где ваша декларация типа? Всегда добавляйте это сначала, чтобы предотвратить общие проблемы ..
damianfrizzi 16 дек. 2013, в 18:22
0

<!DOCTYPE html> Я просто опустил его, думая, что это не имеет значения.
mattshu 17 дек. 2013, в 07:15

Теги:

html

css

positioning

1 ответ

Ещё вопросы

Где ваша декларация типа? Всегда добавляйте это сначала, чтобы предотвратить общие проблемы ..
<!DOCTYPE html> Я просто опустил его, думая, что это не имеет значения.

Ed Cottrell · Accepted Answer · 2013-12-16T17-13-00.000Z

Проблема заключается не в ограничениях ширины, а в overflow:hidden; в стиле #container. По определению это означает, что все, что распространяется за пределами #container будет отключено.

Ценить это! Я думаю, что я добавил это некоторое время назад, чтобы центрировать элемент, когда я обновлял свою память CSS, но margin:0 auto; исправляет это без этого. Еще раз спасибо.