0

wrapper имеет width: 980px;

Последний блок переносится на новую строку.

footer и clearfix не предлагайте, пожалуйста.

Много серфил, но не нашел решения.

* {
  box-sizing: border-box;
}

.inline {
  font-size: 0px;
}

.sidebar-1,
.sidebar-2,
.sidebar-3 {
  display: inline-block;
}

.sidebar-1 {
  width: 50%;
}

.sidebar-2 {
  width: 25%;
}

.sidebar-3 {
  width: 25%;
}
<div class="content">
  <div class="inline sidebar-1">
    <div class="inner-sidebar-1">
    </div>
  </div>

  <div class="inline sidebar-2">
    <div class="inner-sidebar-2">
    </div>
  </div>

  <div class="inline sidebar-3">
    <div class="inner-sidebar-3">
    </div>
  </div>
</div>

1

1 ответ 1

1
.inline {
    font-size: 0px;
}

Замени на

.content{
   font-size: 0px;
}
0

Ваш ответ

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

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