为什么位置绝对给锚标签100％高度的容器？

Question

我一直在研究来自http://getbootstrap.com/javascript/#carousel

的引导程序轮播

具有类carousel-control的左侧和右侧角括号控件是锚标签。这些锚标签的容器高度为100％。这些也是关于容器div的绝对定位。我的问题是：

• 为什么position绝对会给锚标签（内联元素）100％高度的容器？

Answer 1

绝对位置会阻挡元素，但除非明确说明，否则它不会使它们成为父级的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%基本相同。