2016-11-03 1 views
0

私はhttp://getbootstrap.com/javascript/#carouselなぜposition絶対がアンカータグにそのコンテナの100%の高さを与えるのですか?

からアンカータグですcarousel-controlクラスを持つ左右のサイドアングルブラケットコントロールをブートストラップカルーセルを研究してきました。これらのアンカータグは、コンテナの高さが100%です。これらは、コンテナdivを基準にして絶対に配置されます。私の質問は次のとおりです:

  • なぜ絶対位置はアンカータグ(インライン要素)のコンテナの100%の高さですか?

答えて

1
絶対 blockifies要素

位置が、明示的に言及されない限り、それは彼らの親の100%の高さをすることはありません。それはCSS

.carousel-control { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    width: 15%; 
    font-size: 20px; 
    color: #fff; 
    text-align: center; 
    text-shadow: 0 1px 2px rgba(0,0,0,.6); 
    background-color: rgba(0,0,0,0); 
    filter: alpha(opacity=50); 
    opacity: .5; 
} 

基本的に

top: 0; 
bottom: 0; 

に述べています。この場合

は、基本的にheight:100%として同じです。

+0

私は「トップ:0; bottom:0; 'は、' height'が定義されていないときは 'height:100%'、autoまたは100%と等価です。私は「トップ」が「ボトム」を上回ると思った。そして[MDN](https://developer.mozilla.org/en/docs/Web/CSS/top)は、あなたが言ったことを示唆しています。 – user31782

+0

高さを定義する必要はありません。 top/bottomプロパティはマージンオフセットを参照します。したがって、基本的に子供の上端は親の上端から0px、下端から下端まで0pxになります。その*は 'height:100%'と同じです。ハンディ、そう? –

+0

'position:absolute'が' block 'レベルの要素を作るという事実を参照することができますか? – user31782

関連する問題