Css 回答身高问题

Css 回答身高问题,css,responsive-design,height,Css,Responsive Design,Height,因此,如果你查看下面的链接,你基本上会看到我的目标,但正如你所看到的,它并不完美。我正在寻找浅蓝色的框来加载,它的顶部与概述的文本块居中,滚动后,底部应该与框对齐。希望这使得,因为,只是有一些麻烦,在所有的屏幕尺寸有这个工作,任何帮助将不胜感激 #home { height: 50%; margin-top:25%; background-size: cover; display:block; position:relative; background: #C7E2F3; } 刚刚进行

因此,如果你查看下面的链接,你基本上会看到我的目标,但正如你所看到的,它并不完美。我正在寻找浅蓝色的框来加载,它的顶部与概述的文本块居中,滚动后,底部应该与框对齐。希望这使得,因为,只是有一些麻烦,在所有的屏幕尺寸有这个工作,任何帮助将不胜感激

#home {
height: 50%;
margin-top:25%;
background-size: cover;
display:block;
position:relative;
background: #C7E2F3;    
}

刚刚进行了一些调整,以允许蓝色框下的导航条粘到顶部。我现在遇到的问题是,当导航栏点击文本框时,文本框会被拉到顶部