2
1152
Solarquake Studios
SolarQuake Studios
Games
Upcoming Projects
Esports
The Hog Pen
Assets
Game Art & Designs
© All Rights Reserved.
Follow Us!
左侧的侧边栏本来就不应该出现在这里，我已经使用了这些列的容器以及scroll-Div、scroll-BG 和scroll-object 类，但没有取得任何进展。这是到目前为止我所有的 CSS 代码。提前致谢。
h1 {
font-size: 40px;
line-height: 62px;
font-family: 'Press Start 2P', cursive;
text-align: center;
color: yellow;
}
h2 {
font-size: 40px;
color: white;
font-family: 'Press Start 2P', cursive;
}
h3 {
color: white;
}
header {
text-align: center;
padding-bottom: 10px;
}
.container div {
box-sizing: border-box;
min-height: 250px;
margin-left: 6.5%;
}
.left-col {
width: 25%;
float: left;
text-align: center;
color: floralwhite;
}
.right-col {
width: 25%;
float: left;
text-align: center;
color: floralwhite;
}
.center-col {
width: 25%;
float: left;
text-align: center;
color: floralwhite;
}
.footer {
clear: both;
text-align: center;
box-sizing: border-box;
padding-top: 5px;
color: yellow;
font-size: 7px;
}
body {
font-size: 20px;
font-family: 'Press Start 2P', cursive;
background-color: white;
background-image: url("Space.png");
}
.scroll-bg {
background-color: yellow;
width: 375px;
margin: 10% auto;
text-align: center;
}
.scroll-div {
background: rgb(0, 0, 0);
height: 400px;
overflow: hidden;
overflow-y: scroll;
text-align: center;
}
.scroll-object {
color: white;
font-family: 'Press Start 2P', cursive;
font-size: 15px;
text-align: center;
}
我试图删除左侧的侧边栏，它是黄色的。我在代码中找不到它的来源。在此处输入图像描述
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
真是一团糟。
您将左侧的每个 div 的边距设置为 6.5%。 将 .container div（意味着容器内的每个 div 都会有 6.5% 的边距）更改为 .container 并删除边距。并在每个 col 类中添加左右边距。
黄色侧边栏在那里是因为你有一个带有 class="scroll-bg" 的 div 因此，从 css 中删除scroll-bg 部分，并从 html 中删除它的引用。
### Remove #### .scroll-bg { background-color: yellow; width: 375px; margin: 10% auto; text-align: center; }工作示例 - https://jsbin.com/wubuqolumo/edit?html, CSS，输出