gpt4 book ai didi

html - 为什么固定位置弄乱了我的对齐方式?

转载 作者:太空狗 更新时间:2023-10-29 14:16:30 25 4
gpt4 key购买 nike

我试图让页眉保持不动,并让其余内容在其下方滚动。我能够实现这一点,但是当我在我的两个标题 div 上放置一个固定位置时,边缘自动突破。

CSS:

.structure {
width:960px;
padding:20px;
margin:0px auto 0px auto;
background:#121212;
border-left:5px #F06BA8 solid;
border-right:5px #F06BA8 solid;
}
.header_home_structure {
width:960px;
margin:0px auto 0px auto;
position:fixed;
height:80px;
}
.header_home_bg {
width:100%;
background:#121212;
border-bottom:3px #F06BA8 solid;
height:80px;
position:fixed;
}

html:

<body>
<div class="header_home_bg clearfix">
<div class="header_home_structure clearfix">
</div>
</div>
<div class="structure clearfix">
</div>
</body>

最佳答案

只需在容器div上使用position: fixed,不要使用两次

Demo

.structure {
width:960px;
padding:20px;
margin:0px auto 0px auto;
background:#121212;
border-left:5px #F06BA8 solid;
border-right:5px #F06BA8 solid;
}
.header_home_structure {
width:960px;
margin:0px auto 0px auto;
height:80px;
}
.header_home_bg {
width:100%;
background:#121212;
border-bottom:3px #F06BA8 solid;
height:80px;
position:fixed;
}

关于html - 为什么固定位置弄乱了我的对齐方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13946389/

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