0

подскажите, как переместить блок .rmenu после <P> .text_block:

HTML:

<div class="content">
    <div class="rmenu"></div>
    <div class="text_block"></div>
    <p>some text</p>
</div>

CSS:

.rmenu {
    position: absolute;
    left: 990px;
    top: -2px;
}
.text_block {
    width: 100%!important;
}

То есть на css сделать так, чтобы блок .rmenu оказался визуально после тега <p>

1 ответ 1

2

.content {
  display: flex;
  flex-direction: column;
}

.content p {
  order: 1;
}

.rmenu {
  order: 3;
}

.text_block {
  order: 2;
}
<div class="content">
  <div class="rmenu">b1</div>
  <div class="text_block">b2</div>
  <p>some text</p>
</div>

Как пример flex и order. Попробуйте с ним.

По вашему примеру совсем не понятно зачем нужен тут position absolute и нужен ли он тут вообще. Но если можно обойтись без него, то этот вариант подойдёт

1
  • попробую перевести в relative 12 окт 2018 в 12:50

Ваш ответ

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

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