Css 将标题放置在窗口底部+;全宽
我有一个标题1(#banner h1.index_banner_text),它需要始终位于页面底部20px和页面左侧570px的位置。如果调整窗口大小,我希望标题自然堆叠,但始终保持距页面底部20px。我知道,要让它位于底部,它需要在一个容器(#banner.text)中,但当我创建该容器时,如果宽度延伸太远,就会出现问题。我已经解决这个问题好几个小时了,如果有人有任何见解,那就太好了。目前,我有40%宽度的#banner.text容器,因为这意味着它不会在我的窗口上创建一个巨大的水平滚动条,但它不是全宽的,并且标题堆叠得太短 元素也位于100%宽度和高度的背景褪色横幅内。(可能是造成这些问题的原因)Css 将标题放置在窗口底部+;全宽,css,css-position,html-heading,Css,Css Position,Html Heading,我有一个标题1(#banner h1.index_banner_text),它需要始终位于页面底部20px和页面左侧570px的位置。如果调整窗口大小,我希望标题自然堆叠,但始终保持距页面底部20px。我知道,要让它位于底部,它需要在一个容器(#banner.text)中,但当我创建该容器时,如果宽度延伸太远,就会出现问题。我已经解决这个问题好几个小时了,如果有人有任何见解,那就太好了。目前,我有40%宽度的#banner.text容器,因为这意味着它不会在我的窗口上创建一个巨大的水平滚动条,但
只需在底部放置一个
按钮:20px代码>在右边的css div中,它将始终保持在距离底部20px的位置我们可以有一个小提琴代码吗?
/*banner h1 container*/
#banner .text{
position:relative;
z-index:50;
left:570px;
height:1125px;
width:40%;
}
/*banner h1*/
#banner h1.index_banner_text{
position:absolute;
bottom:20px;
font-family: 'Museo300Regular';
font-size:43.8px;
text-shadow:1px 1px 2px #000;
color:#e7e7e7;
}
/*background fading css*/
#banner{
height:100%;
width:100%;
z-index:1;
position:relative
}
#banner .wrapper .background{
position:fixed;
/*left:50%;*/
right:0;
top:0;
z-index:1;
}
#banner .wrapper{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2;
display:none;
}
#banner .wrapper.active{
display:block;
z-index:3;
}
#banner .wrapper.fading{
z-index:4;
}