gpt4 book ai didi

html - 固定的 div 与容器中的其他 div 重叠

转载 作者:行者123 更新时间:2023-11-28 05:57:25 26 4
gpt4 key购买 nike

我在包装器中有两个 div。一个以 20% 的宽度向左浮动,一个以 80% 的宽度向右浮动。两者的最大宽度均为 2000 像素,并带有自动边距以使内容居中。我遇到的问题是,在更大的宽度下,div 开始重叠,无论宽度如何,我都无法弄清楚如何将它们并排放置。

这是我的 html:

<body>
<div class="wrapper">
<div class="container">
</div>
<div class="slider">
</div>
</div>
</body>

这是我的CSS

body
{
background-color: #3F3F3F;
}


.wrapper
{
width: 100%;
height: auto;
max-width: 2000px;
margin-left:auto;
margin-right:auto;
}

.container
{
width: 20%;
background-color:#F6F6F6;
height: 200px;
float: left;
position: fixed;
max-width: 2000px;
margin-left:auto;
margin-right:auto;
}

.slider {
width: 80%;
height: 2000px;
float: right;
position: relative;
background-color: #8A0002;
opacity: .2;
max-width: 2000px;
margin-left:auto;
margin-right:auto;
}

我是一名学生,非常感谢任何帮助!!!

最佳答案

.container中使用position: relative

对于 position: fixed,它似乎将容器计算为包装器宽度的 20% + 其边距。

关于html - 固定的 div 与容器中的其他 div 重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36992851/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com