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;
}