CSS浮动和宽度

Question

我想知道为什么在框中添加“宽度”元素会破坏“浮动”效果。

例如，当我有

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

所有元素都向右移动，并且背景颜色仅环绕其中的元素（它并没有在屏幕顶部创建绿色条，这是我想要的）。 我想我可以通过设置宽度来改善这个问题，

… width: 800px; …..

但是，尽管我通过剥离屏幕顶部来获得绿色，但是我所有的框元素似乎都向左浮动，所以我有一个绿色的条形，在左边而不是右边带有登录元素。

有人可以告诉我如何使用我的.login框元素，说明它在右侧具有的所有五个属性（文本字段，框和按钮）的正确性，并且即使在屏幕顶部，即使在只有空白。

Answer 1

你甚至可以把到容器： overflow:auto ; 或者你可以你clearfix找到方法在这里 。

Answer 2

尝试用padding-left：（something px）; 而不是宽度：800px; 可能会解决这个问题

可能导致此问题的原因是您正在使用叠加div的全部容量，这使它无法向右浮动，因为没有剩余的东西可以浮动