gpt4 book ai didi

html - 带背景图片的全高侧边栏

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

我需要我的侧边栏具有全高并且还包含背景图像。

Here's the link to what I have so far.这是我的 CSS:

/* Sidebar */
#sidebar {
background-color: #e7d9c9;
background-image: url('/imgs/map.png');
background-repeat: no-repeat;
width: 318px;
height: auto;
float: left;
padding-bottom: 20px;
}

#sidebar h1 {
border-bottom: thick;
border-bottom-width: 75%;
}

.sidetext {
padding: 5px 20px;
font-size: 18px;
font-family: Helvetica Neue;
padding-bottom: 20px;
}

.sidelink {
padding-bottom: 20px;
margin: 0;
padding: 0;
width:300px;
}

.sidelink ul {
margin: 0;
padding: 0;
margin-left: 20px;
}

.sidelink li {
display: block;
list-style: none;
}

.sidelink li a {
display:block;
font-family: Helvetica Neue;
font-size:16px;
color:#FFF;
text-decoration:none;
background-color:#1e416f;
padding:5px;
border-left:10px solid #FFF;
padding-bottom: 20px;
}

.sidelink li a:hover {
border-left:14px solid #1e416f;
background-color:#e7d9c9;
color: #1e416f;
}

h5 {
font-family: Helvetica Neue: Light;
font-size: 24px;
color: #517f9c;
}

如果有人能帮助我解决“侧边栏 h1”部分,那将是很棒。我在这里想要完成的是,在每个 h1 之后,我在 h1 下方有一个 20px 的底部边框,在底部边框之后有 20px 的空间。它也将与其余文本和链接(左 20 像素,右 20 像素)保持一致,但我认为不会达到 75%。谢谢!

最佳答案

不知道您是否在谈论将高度分配给另一个部门或 body 的总高度。

如果你在谈论一个分区,你需要分配一个相对于 body 的分区,其中另一个分区分配高度为 100%

如果你想让高度是 body 的 100%,那么在绝对位置之后再做 100% 就可以了。那会很好用。

关于html - 带背景图片的全高侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18392694/

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