フレックスセンタリングに上マージンを追加

Question

私はジャンボトロンの内側にvertとhorizを中心に置く次のコードを持っています。

CSS

#s-text { 
text-align: center; 
width: 65%; 
margin: 0 auto; 
} 

.jumbotron { 
position: relative; 
min-height: 600px; 
width: 100%; 
display: flex; 
align-items: center; 
justify-content: center; 
margin: 0; padding: 0; 
border-radius: 0 !important; 
background-size: cover; 
background-repeat: no-repeat; 
background-position: center center; 
} 

<div class="row"> 
    <div class="jumbotron" style="..."> 
     <div id="s-text"> 
      <h2> <?php the_secondary_title(); ?> </h2>    
      <p> ... more content ... </p> 
     </div><!-- end of s-text--> 
    </div>  
</div> 

私は、彼らが重ならないように、上部に100pxにトップマージン/パディング/スペースがある必要があるので、ページの最上部に固定され100pxにヘッダを持っていますが、とのセンタリングフレックスはそれを可能にしていないようです

Answer 1

まず、#s-textのフレックスボックスは必要ないと思います。 .jumbotron内に複数の子供がいても、1つのフレックスボックスでのみ可能です。 text-align: centerのすべての子供には#s-textで十分です。主な問題に

を（可能な子供たちに継承）： 我々はあまりにも深いクレイジー物事に入る前に、我々はすべて知っているという明白なアプローチは、まっすぐに12時間の作業中にあまりにも多くの例をで監督するのは簡単です：D

.rowのパディング/マージンがレイアウトで許可されていますか？