CSS Float и Width

Question

Мне интересно, почему добавление элемента «ширина» в поле разрушает эффект «float».

Например, когда у меня есть

.login form { 
    float: right; 
    background-color: green; 
} 

Все элементы сдвигает вправо и цвет фона обводит только те элементы, которые там (он не создает зеленую полосу в верхней части экрана, как я хотеть). Я полагал, что я мог бы смягчить эту проблему, установив ширину,

… width: 800px; ….. 

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

Возможно, кто-нибудь скажет мне, как взять мой элемент .login box, оправдать все пять атрибутов, которые он имеет справа (текстовые поля, поля и кнопка), и все еще иметь зеленую полосу в верхней части экран даже там, где есть просто пустое пространство.

Answer 1

пробующий его с заполнением-левым: (что-то px); вместо ширины: 800 пикселей; вероятно, решить эту проблему

Что, скорее всего, причиной этой проблемы является то, что вы используете полную мощность перекрывающих DIV, это делает его бесполезным плавать-вправо, так как там ничего не осталось уплыть от

Answer 2

Вы можете даже положить в контейнер: overflow:auto; или вы можете найти метод clearfixhere.