我想知道为什么在框中添加“width”元素会破坏“float”的效果。
例如，当我有
时.login form {
float: right;
background-color: green;
}
所有元素都向右移动，背景颜色仅包围那里的元素（它不会在我想要的屏幕顶部创建绿色条）。我想我可以通过设置宽度
来改善这个问题… width: 800px; …..
但是虽然我通过剥离屏幕顶部得到绿色，但我的所有盒子元素似乎都向左浮动，所以我有一个绿色栏，左边是登录元素而不是右边。
有人可以告诉我如何使用我的.login框元素，证明它具有右边的所有五个属性（文本字段，方框和按钮），并且仍然在顶部有一个绿色条屏幕，即使只有空白区域。
答案 0 :(得分：0)
你甚至可以放入容器：overflow:auto;或者您可以找到clearfix方法here。
答案 1 :(得分：0)
用padding-left尝试它:(某事px）;而不是宽度：800px;可能会解决这个问题
可能导致这个问题的原因是你正在使用覆盖div的全部容量，这使得浮动权利无用，因为没有任何东西可以离开