1
私は1時間Googleを持っていて、自分自身をコードしています。なぜ私の部門はお互いの上に座ってはいけないのか分かりません。停止部が他の部門の下に出ることを避ける
1つのdivは、他の下に座って、私は今の脳のおならを持っている、任意の提案が助けになるだろう。
質問を再開する：すべてのdivに次のdivの下に行くのではなく、他のdivのコンテンツをプッシュダウンするにはどうすればよいですか？
が100％の高さを追加し、それがこの問題を修正する属性https://codepen.io/livinglegendparagon/pen/wzWwya
/* BG */
body {
background-color: #000;
color: #000;
}
#bg {
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 1;
position: relative;
height: -webkit-calc(100vh);
height: -moz-calc(100vh);
height: calc(100vh);
}
#PUTBACKGROUNDHERE, #PUTBACKGROUNDHERE2, #PUTBACKGROUNDHERE3, #PUTBACKGROUNDHERE4 {
background-color: #fff;
width: 100%;
position: relative;
height: 100%;
// min-height: -webkit-calc(100vh);
// min-height: -moz-calc(100vh);
// min-height: calc(100vh);
padding: 2.5% 0;
background-color: #fff;
display: block;
float: left;
clear: both;
@media (min-width: 280px) {
padding: 2.5% 5%;
}
}
#backGroundForViewWelcome {
background-color: white;
min-height: -webkit-calc(100vh);
min-height: -moz-calc(100vh);
min-height: calc(100vh);
}
.wrapper {
height: 100%;
width: 100%;
display: block;
}
.boxForServices {
position: relative;
height: 21.5vh;
margin: 3vh auto;
width: 100%;
color: white;
&:first-child {
margin-top: -webkit-calc(3vh + 40px);
margin-top: -moz-calc(3vh + 40px);
margin-top: calc(3vh + 40px);
}
&:last-child {
margin-bottom: -webkit-calc(3vh - 40px);
margin-bottom: -moz-calc(3vh - 40px);
margin-bottom: calc(3vh - 40px);
}
}
.boxForServicesTitle {
cursor: pointer;
position: relative;
text-align: center;
top: 50%;
border: red 5px solid;
background-color: blue;
border-radius: 5px;
margin: auto 5vh;
padding: 5vh 10%;
}
#sizeThisTextBoxForServices {
margin: 10% 10%;
width: 80%;
}
.centerBox {
margin: auto;
text-align: left;
}
.otherInput {
display: block;
width: 100%;
margin-bottom: 5%;
}