Плавающий с CSS - Требуется ли ширина?

Question

Когда я некоторое время назад изучал CSS, я читал, что при перемещении элементов требуется ширина для каждого элемента. Это правда?

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

Answer 1

Ширина не требуется.Это полностью зависит от того, чего вы пытаетесь достичь.

Когда я плаваю в элементах со статической шириной, обычно создается макет в виде столбца

.sidebar { float: left: width: 30%; }
.content { float: left: width: 70%; }

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

И, как всегда, когда вы плаваете, убедитесь, что вы clear:both или left или right

Answer 2

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

Если вы не перемещаете элемент уровня блока, он расширится до 100% ширины.

Answer 3

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

Answer 4

Это было верно в старых браузерах, таких как Firefox 1.0, но это не так в современных браузерах.