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
Html 减小窗口大小时,Div背景色没有填充文本高度的100%_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 减小窗口大小时,Div背景色没有填充文本高度的100%

Html 减小窗口大小时,Div背景色没有填充文本高度的100%,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我制作了一个背景颜色为灰色的图片,里面还有一个包含文本的图片 当我缩小窗口大小时,背景不再是100%高度,我希望背景颜色填充所有文本的背景 这是我的代码: 信息研讨会{ 保证金:0自动; 宽度:100%; 最大宽度:1000px; 背景:灰色; 边框:1px实心rgba0,0,0,0.10; 高度:1565px; 字体大小:1.2米; } .containertext{ 单词包装:打断单词; 宽度:100%; 最大宽度:100%; 颜色:蓝色; 字体系列:Arial; 字号:1.6em; }

我制作了一个背景颜色为灰色的图片,里面还有一个包含文本的图片

当我缩小窗口大小时,背景不再是100%高度,我希望背景颜色填充所有文本的背景

这是我的代码:

信息研讨会{ 保证金:0自动; 宽度:100%; 最大宽度:1000px; 背景:灰色; 边框:1px实心rgba0,0,0,0.10; 高度:1565px; 字体大小:1.2米; } .containertext{ 单词包装:打断单词; 宽度:100%; 最大宽度:100%; 颜色:蓝色; 字体系列:Arial; 字号:1.6em; } @介质全部和最大宽度:767px{ 信息研讨会{ 最小高度:100%; } } 只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本 一次又一次地复制和粘贴一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一些随机文本复制和粘贴 一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴 只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已 一次又一次的文本复制和粘贴只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴 一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次 只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本 一次又一次地复制和粘贴一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一些随机文本复制和粘贴 一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴 只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已 一次又一次的文本复制和粘贴只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴 一次又一次
您正在指定容器div上的高度:

#info-workshop {
    [...]
    height: 1565px;
    [...]
}
文本显示在此外部,因为它溢出了其父级,但背景将仅填充父级的实际高度-它不会填充溢出

你需要删除高度!您也可以删除以下内容,因为这没有帮助:

@media all and (max-width: 767px) {
    #info-workshop {
        min-height: 100%;
    }
}
最后,您还忘了在COL的父级上包含row类,即

只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本 一次又一次地复制和粘贴一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一些随机文本复制和粘贴 一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴 只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已 文本复制和粘贴一遍又一遍,只是有些随意 一次又一次的文本复制和粘贴只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴 一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次 只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本复制并一次又一次粘贴只是一些随机文本 一次又一次地复制和粘贴一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一些随机文本复制和粘贴 一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴一些随机文本一次又一次地复制和粘贴 只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已只是一些随机文本复制并反复粘贴而已 一次又一次的文本复制和粘贴只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴一次又一次只是一些随机文本复制和粘贴 一次又一次
<div class="containertext row">