Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 背景图像的设置_Css - Fatal编程技术网

Css 背景图像的设置

Css 背景图像的设置,css,Css,我的背景图像设置有一些问题。 有人知道为什么.box-3没有将.box-2推开吗 .box-1{ 高度:250px; 宽度:100%; 背景图片:url(https://article.images.consumerreports.org/prod/content/dam/CRO%20Images%202017/Magazine-Articles/April/Google-Auto-Profile-images-2017/PRF-203); } .方框-2{ 宽度:100%; 高度:50px;

我的
背景图像设置有一些问题。
有人知道为什么
.box-3
没有将
.box-2
推开吗

.box-1{
高度:250px;
宽度:100%;
背景图片:url(https://article.images.consumerreports.org/prod/content/dam/CRO%20Images%202017/Magazine-Articles/April/Google-Auto-Profile-images-2017/PRF-203);
}
.方框-2{
宽度:100%;
高度:50px;
背景色:#000;
颜色:#fff;
}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。科塞特图,洛雷姆·伊普苏姆·多洛·希特·阿梅特
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。科塞特图,洛雷姆·伊普苏姆·多洛·希特·阿梅特
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。

box-1的最小高度阻止其升高,请将
高度:250px更改为
最小高度:250px

.box-1 {
    min-height: 250px;
    width: 100%;
    background-image: url(https://article.images.consumerreports.org/prod/content/dam/CRO%20Images%202017/Magazine-Articles/April/Google-Auto-Profile-images-2017/PRF-203);
}

.box-2 {
    width: 100%;
    height: 50px;
    background-color: #000;
    color: #fff;
    float: left;
}

谢谢你的回答!在我的背景图像上,我有两个div框,它们与引导网格系统一起浮动。我的问题是,当我看到更小的屏幕时,两个div框中的右边一个跳到左边一个下面(这很好),但它没有把.box-2推开。我不知道为什么你不能用div框和它们的引导类显示代码?这是因为
高度:250px
将其更改为
最小高度:250px
,我会编辑答案,如果正确,请选择它