background-image不能撑起元素的高度么

Question

  <div id="section2">
        <div class="container-fluid">

        </div>
    </div> 
    
#section2 {
    height: auto;
    background-image: url('../img/event-s2-bg.png');
    background-repeat:no-repeat ;
    background-size: cover;
}

section 高度是0

Answer 1

肯定不会的，元素的高度需要单独指定

Answer 2

background-image本身没高度，需要靠容器撑起来

Answer 3

<div id="section2">
     <div class="container-fluid">
        <img src="../img/event-s2-bg.png">
     </div>
</div> 
    

图片宽度设置为百分百，就自适应撑开外部容器

Answer 4

background-image本身没高度，容器的高度需要单独指定；background-size:100% 100%;

Answer 5

background-image本身没高度，如果想要高度，在容器可以使用height,border,padding这一类的属性改变高度。

Answer 6

background顾名思义就是背景，我们知道div有内容才会有高度，或者强制定义一个高度，否则单纯的定义一个div即便有背景也是相当于没有大小的容器，所以不能显示

Answer 7

肯定不能 就像衣服上绣的花 只是个装饰 附属在衣服上 不占地方 占地方的是衣服

Answer 8

css 里面的样式属性，咱们也是分类的。有的是控制容器的，比如width, height等。有的是修饰容器的比如:background系列，border系列，box-shadow系列的。有的是控制内容的，有的是修饰内容的。不同属性都有各自用途。