Абсолюнтое позиционирование или как лучше задавать позицию картинкам

[мурамаса]

Добрый день, столкнулся с такой проблемой. Верстая страницу заключал изображения в тег <div> с определенным класом и в css, задаю им позицию какую хочу видеть у себя в браузере. например

.content-bar2 {
	float: right;
	position: absolute;
	top: 300px;
	right: 50px;
}

Так вот когда я несколько элементов так размещаю, один над одним, то у меня в браузере все отоброжается нормально. Но открыв с другого компьтера, получилос так что одно изображение наезжает на другое, что это и с чем связано и как это вылечить. И если не сложно обьясните пожалуйста особенности position: absolute.

Как я понимаю float и absolute вместе не работают ?

Как я понимаю float и absolute вместе не работают ? 

При том еще есть проблема, когда я уменьшаю окно браузера, контент как бы сжимается в непонятную хурму, друг на друга, как это исправить ?

[Switch74]

float и absolute - бессмысленный вариант
absolute заставляет ваши элементы наезжать друг на друга
попробуйте очистить на своем компьютере кеш, скорее всего у вас старый css грузится, а на другом новый.
без кода большего сказать не возможно

 

[Q4Dizzy]

Вам нужно почитать более внимательно тему о позиционированиях, обтеканиях и потоке.. Тем более связка с обтеканием и абсолютным позиционированием - жесть нелогичная.

Абсолютно спозиционированные элементы обладают следующими особенностями:

• Выпадают из потока документа. Место, которое они занимали, становится как бы пустым и его занимают соседние элементы.
• Ширина по умолчанию зависит от содержимого (а не растягивается на всю доступную ширину).
• Остаются на том же месте, где были, если не заданы значения свойств top, left, right, bottom.

[мурамаса]

Что значит становится как бы пустым? Не могли бы вы обьяснить поподробнее?

11 часов назад, Switch74 сказал:

float и absolute - бессмысленный вариант
absolute заставляет ваши элементы наезжать друг на друга
попробуйте очистить на своем компьютере кеш, скорее всего у вас старый css грузится, а на другом новый.
без кода большего сказать не возможно

 

Спасибо за ответ, я обновляю через ctrl+f5

[Switch74]

absolute не влияет на соседние элементы, он будет накладываться на них
float для своего родителя не существует и только через clearfix можно решить проблему наезжания блоков друг на друга

https://jsfiddle.net/zffoz6xg/

[мурамаса]

Большое спасибо!