Размещение div внутри div без влияния на макет

Question

У меня есть div (div1), который имеет свою позицию, ширину, высоту, все все установлено, и это установлено снаружи, поэтому я не могу знать заранее, что это за значения.

Внутри и наверху div1 находится еще один div (div2). Я хочу, чтобы div2 плавал справа от div1, не затрагивая следующую информацию в div1.

Я могу добавить атрибут position:absolute и заставить div2 плавать и не влиять на содержимое, однако я не могу заставить его плавать справа даже при применении float:right.

Answer 1

Если я правильно понимаю:

Сначала примените position: relative к вашему div1.

Так как он "не будет работать", когда у вас есть float: right и position: absolute на вашем div2, вы должны заменить правило float: right на right: 0.

Answer 2

попробуйте это:

position: absolute;
right: 0;
top: 0;

Answer 3

только с относительным позиционированием?

<div style="height:300px;width:300px;position:relative;background-color:red">
  <div style="height:100px;width:100px;position:relative;float:right;background-color:yellow">
</div>

Answer 4

Вы пытались поместить другое содержимое div1 в другой div, а затем установить заданную ширину этого div, сохраняя float: right на div2. Походит на сценарий стиля боковой панели.