Html 图像上的两个浮动div

好的，我得到了一个左浮动的div和一个右浮动的div，现在由于某种原因，我不能让它们到应该在的一侧。他们现在都有点重叠了

*{
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
}
html，正文{
宽度：100%；
身高：100%；
}
#主要{
宽度：100%；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
#主img{
宽度：100%；
身高：100%；
}
#左页，右页{
宽度：50%；
身高：100%；
背景色：红色；
位置：绝对位置；
左：0px；
顶部：0px；
z指数：1000；
}

---

尝试使用其他css

CSS

---

用你额外的css试试这个

CSS

移除左：0px

或

移除

位置：绝对

#page_left, #page_right {
    width: 50%;
    height: 100%;
    background-color: red;
    z-index: 1000;
}

移除左：0px

或

移除
位置：绝对

#page_left, #page_right {
    width: 50%;
    height: 100%;
    background-color: red;
    z-index: 1000;
}

发生中的溢出是因为您为两个div指定了left:0px和position:absolute，我解决了这个问题，并添加了下面的代码片段


*{
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
}
html，正文{
宽度：100%；
身高：100%；
}
#主要{
宽度：100%；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
#主img{
宽度：100%；
身高：100%；
}
#左页，右页{
宽度：50%；
身高：100%；
背景色：红色；
位置：绝对位置；
顶部：0px；
z指数：1000；
}
#左页{
左：0px；
}
#页右{
背景颜色：绿色；
浮动：对；
位置：绝对位置；
右：0px；
}
中发生溢出是因为您为两个div指定了left:0px和position:absolute，我解决了这个问题，并添加了下面的代码片段


*{
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
}
html，正文{
宽度：100%；
身高：100%；
}
#主要{
宽度：100%；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
#主img{
宽度：100%；
身高：100%；
}
#左页，右页{
宽度：50%；
身高：100%；
背景色：红色；
位置：绝对位置；
顶部：0px；
z指数：1000；
}
#左页{
左：0px；
}
#页右{
背景颜色：绿色；
浮动：对；
位置：绝对位置；
右：0px；
}

哦，我不知道你可以这么做，真有趣！谢谢你，伙计！基本上，您添加了
position:absolute
和
left:0
，它们覆盖了您的
float
样式。您可以使用
浮动
或
位置
和
左
和
右
样式。哦，我不知道您可以这样做，很有趣！谢谢你，伙计！基本上，您添加了
position:absolute
和
left:0
，它们覆盖了您的
float
样式。你可以使用
float
或
position
和
left
和
right
样式。不确定你要问什么，你能展示你想要实现的图像吗？不确定你要问什么，你能展示你想要实现的图像吗？
#page_left, #page_right {
    width: 50%;
    height: 100%;
    background-color: red;
    z-index: 1000;
}