В чем опасность не указывать ширину для плавающего элемента?

Question

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

Это правда / ложь?

Допустимо ли плавать такие элементы, как DIV, и не указывать ширину?

Answer 1

Без учета ширины плавающего элемента непредсказуемо, потому что браузер оставлен для определения ширины вашего плавающего.

Теоретически, плавающий элемент с неопределенной шириной должен сжиматься до самого широкого элемента в нем. Это может быть слово, предложение или даже один символ - и результаты могут варьироваться от браузера к браузеру. Источник: http://css.maxdesign.com.au/floatutorial/introduction.htm

Answer 2

Единственный раз, когда у меня возникла проблема с плавающими без ширины, был в IE6. Я никогда раньше не тестировал сайт на IE6 и показывал его другу на их рабочем компьютере, на котором работал IE6. Это полностью разгромило страницу, и было немного неловко.

Когда я вернулся к работе, я нашел и установил замечательную программу IETester, добавил ширину для пары элементов, и теперь все работает хорошо. Получите IETester здесь: http://www.my -debugbar.com / wiki / IETester / HomePage

Удачи и помните: протестируйте IE6, если вы полагаетесь на поплавки без ширины для важных частей вашего макета!

Answer 3

В общем, вам не нужно.

Если вы укажете ширину плавающего элемента, его ширина будет такой же, как вы указали.

Если вы этого не сделаете - ширина элемента будет зависеть от его содержимого. Если содержимого нет - ширина будет равна нулю (если вы не указали отступ или рамку), если в нем содержится длинный текст - элемент, вероятно, расширится до всей страницы (или родительского элемента). Если, например, у вас есть изображение в элементе float, его ширина будет равна ширине изображения и т. Д.