Почему wrapper не растягивается на всю высоту?

zoozag, Ясно

Почему wrapper не растягивается на всю высоту?

zoozag, Всё ок вроде. wrapper игнорирует инлайн блоки, но если после добавить див с рыбой то растягивается.

Почему wrapper не растягивается на всю высоту?

zoozag, display: inline-block; это плавающий элемент?

Почему wrapper не растягивается на всю высоту?

Просто когда я дальше добавлю такой код:

<div class="goods">
  <div class="product">
   <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div>
  <div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div><div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div><div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div>
  <div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div>
  <div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div><div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div><div class="product">
    <a href="">
      <img src="/img/l.png" alt="">
      <p class="productBrand">что-то</p>
      <p class="productTitle">что-то</p>
      <p class="productClass">что-то</p>
      <p class="price">565 руб.</p>
    </a>
  </div>
</div>

.goods{
  position: relative;
  width         : 76%;
  height: 100px;
  float: right;
  top: 20px;
}

.product{
  width: 220px;
  height: 400px;
  /*border: 1px solid #bbb;*/
  -webkit-box-shadow: 0px 0px 30px -9px rgba(0,0,0,0.84);
  -moz-box-shadow: 0px 0px 30px -9px rgba(0,0,0,0.84);
  box-shadow: 0px 0px 30px -9px rgba(0,0,0,0.84);
  display: inline-block;
  margin: 10px;
}

Дальше он не продолжается.

Почему wrapper не растягивается на всю высоту?

Причём тут ширина к высоте?

Почему wrapper не растягивается на всю высоту?

Спасибо. А почему нужно именно так? Как гуглить это?

Как сделать горизонтальный список без ul li?

Всё. Разобрался. Inline блоки помогли

Как сделать горизонтальный список без ul li?

JRK_DV, inline-block - тоже самое, а вот последний элемент трогать не получится, т.к. последний ulli генерируется сам(jQuery плагин).

Как загрузить мобильную версию сайта(php, django)?

И можно сделать так чтобы, допустим мобильная, страница загрузилась когда все то что к десктоп относится скрылось? А до этого какой-то прелоадер поставить?

Как загрузить мобильную версию сайта(php, django)?

Алексей Черемисин, display: none?

Как загрузить мобильную версию сайта(php, django)?

В моём случае эти версии будут очень сильно отличатся

Как загрузить мобильную версию сайта(php, django)?

Алексей Черемисин, Ну пока проблемы нет. Я пока верстаю десктоп и сразу думаю насчёт мобильной версии, насколько я помню с помощью медиа-запросов нельзя отключать одни элементы и включать другие.

Как загрузить мобильную версию сайта(php, django)?

Именно в моём случае лучше отдельный документ. Допустим в десктопе мне нужен кастомный select, а в мобильной версии, нативный.

Как сделать дочерний объект на 100% страницы, если родитель 90%?

Да. Спасибо.

Как сделать дочерний объект на 100% страницы, если родитель 90%?

Тоже самое, только теперь и категории съехали вверх.

Как сделать дочерний объект на 100% страницы, если родитель 90%?

А 100vw заполняет только справа до конца, а слева остаются те самые 10% незаполненными.

Как сделать дочерний объект на 100% страницы, если родитель 90%?

Да, протупил. width: 100, но ничего это не меняет

Как сделать дочерний объект на 100% страницы, если родитель 90%?

Griboks, fixed нужно?