"плавающие" элементы уровня блока

Question

Я работаю над рабочим веб-сайтом, и программист, с которым я работаю, упомянул, что нельзя использовать элемент уровня блока. Он сказал, что мне нужно найти способ, по существу, использовать элементы уровня блока с плавающей точкой без фактического использования свойства float. Например, "плавающий" текст справа от боковой панели навигации.

Я все еще считаю новичком, когда дело доходит до веб-дизайна, поэтому любая помощь будет оценена.

Answer 1

Чтобы ответить на вопрос, как мне плавать элементы уровня блока без фактического использования свойства "Float", вы можете использовать абсолютное позиционирование в CSS:

#myBlockId {
    position: absolute;
    left: 100;
    top: 100;
    z-index: 2;
}

Выше будет плавать блок <div id="byBlockId">...</div> выше другого контента (через z-index) и поместите его точно в (100, 100).

Что касается того, что разработчик сказал вам, я бы сказал, что вы можете использовать только элементы блочного уровня. Лучше всего попросить разработчика уточнить, что он имел в виду.

Answer 2

Плавающий элемент преобразуется / становится элементом уровня блока (если он не определен в CSS, чтобы быть встроенным).

Таким образом, тот факт, что программист, с которым вы работаете, сказал, что элемент уровня блока не может быть перемещен, говорит о порках.

Однако, если ваш программист определяет (в своей собственной голове) элемент уровня блока как элемент, который должен оставаться на 100% ширины содержащего его элемента, и это не может быть изменено, все начнет усложняться.

Без наглядного примера помощь в дальнейшем невозможна.

Попробуйте прочитать эту потрясающую статью в журнале: http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/