我正在使用Cakephp和Twitter引导程序在PHP网站上工作。我正在尝试在右侧的单元格上放置背景色。我希望背景色覆盖所有单元格。该单元格的高度必须与左侧部分(col-xs-4
)相同。现在,我有了背景颜色如何仅覆盖col-xs-7
单元格的内容。
<div class="row">
<div class="col-xs-4">
<div class="row ">
<div class="col-xs-12">
<?php echo $this->Html->image("/img/internet_background_green.png",
array("class"=>"imgResponsive"));?>
</div>
<div class="col-xs-12 paddingTop20px" >
<?php echo $this->Html->image("/img/internet_background_green.png",
array("class"=>"imgResponsive"));?>
</div>
</div>
</div>
<div class="col-xs-7 bgcLightGray marginLeft20px">
<?php echo $this->Html->image("/img/internet.png");?>
</div>
</div>
与该部分有关的CSS:
.bgcLightGray {
background-color: #bdbcbc;
}
.marginLeft20px {
margin-left: 20px;
}
.paddingTop20px {
padding-top: 20px;
}
.row {
padding: 0;
margin: 0;
}
就CSS解决方案而言,您需要为两个div指定一个特定的高度。
如果您不想弄乱CSS进行协作,可以使用javascript。
$('1stDiv').height($('2ndDiv').height());
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句