Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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_Html_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Html 可能允许后台溢出引导div

Html 可能允许后台溢出引导div,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,视图良好。徽标放置在正确的格子上。但是希望背景色比div更宽。(盖住浏览器的孔宽) .bannerwithlogo{ 高度:65px; 左边距:-10px; 背景:url(//static.websitename.com/css/portals/websiteportal/gfx/logo.png)不重复左上角; 背景色:#c30c15; } 代码:看看这里---~我认为你不能使它比div更大,因此你可能需要将另一个div包裹在外面,并设置该div的背景色。请做一个工作示例。在你的问题上投入

视图
良好。徽标
放置在正确的格子上。但是希望
背景色
div
更宽。(盖住浏览器的孔宽)


.bannerwithlogo{
高度:65px;
左边距:-10px;
背景:url(//static.websitename.com/css/portals/websiteportal/gfx/logo.png)不重复左上角;
背景色:#c30c15;
}

代码:

看看这里---~我认为你不能使它比div更大,因此你可能需要将另一个div包裹在外面,并设置该div的背景色。请做一个工作示例。在你的问题上投入一些精力,使用相对的
.bannerwithlogo
:before
:after
伪元素。我认为你的父div有“container”类。您需要使用“容器流体”来代替。
<div class="col-md-12 bannerwithlogo"></div>

.bannerwithlogo {
   height: 65px;
   margin-left: -10px;
   background:  url(//static.websitename.com/css/portals/websiteportal/gfx/logo.png) no-repeat top left;
   background-color: #c30c15;
}
   <div class="container-fluid">
    <div class="col-md-12 bannerwithlogo"></div>
    </div>
.container-fluid{
    height:100px;
    background-color: blue;
  }

.bannerwithlogo
{
  margin:10px 3px 0px 0px;
height: 65px;
background:  url(//static.websitename.com/css/portals/websiteportal/gfx/logo.png) no-repeat top left;
background-color: #c30c15;
}