Javascript 即使有足够的空间，Div也不会移动

我想使网站时，我点击按钮配置文件显示。但我有问题。当我点击按钮时，即使有足够的空间，profile div也会显示在body下面。 下面是它的外观：

body，
html{
身高：100%；
宽度：100%；
}
* {
边距：0！重要；
填充：0！重要；
}
.日历{
宽度：100%；
身高：100%；
背景色：黑色；
过渡：全部5秒；
边界：0；
保证金：0；
填充：0；
}
.个人资料{
身高：100%；
背景色：白色；
过渡：全部5秒；
浮子：对！很重要；
显示：无；
}
.结束{
浮动：对；
宽度：40px；
高度：40px；
顶部：0px；
右：0px；
}

PROFILE
x

添加

到您的

.calendar

-类。这将解决您的问题

添加

---

到您的

.calendar

-类。这应该可以解决您的问题

HTML是什么样子的？您能在各种网站上为我们创建一个运行演示吗？@fallereneaper不需要其他网站。以下是我的HTML:@Kamil如果没有相关的HTML，这将很难给出明确的答案。然而，你似乎给了一切一个100%的高度。并不是所有的东西都是浮动的。您可能需要将“calendar”元素向左浮动。但是，由于我们无法在您的截图上看到哪个是哪个，因此很难知道具体是什么导致了问题。HTML是什么样子的？您能在各种网站上为我们创建一个运行演示吗？@fallereneaper不需要其他网站，。这是我的html:@Kamil如果没有相关的html，这将很难给出明确的答案。然而，你似乎给了一切一个100%的高度。并不是所有的东西都是浮动的。您可能需要将“calendar”元素向左浮动。但是，由于我们无法在您的屏幕截图上看到哪个是哪个，因此很难知道具体是什么导致了这个问题。np！如果我的答案有帮助，请按我答案旁边的“接受答案”按钮：）那实际上是“投票”按钮。勾号用于表示问题已回答^^np！如果我的答案有帮助，请按我答案旁边的“接受答案”按钮：）那实际上是“投票”按钮。勾号表示问题已被回答^^

float: left