Question

请告诉我的代码有什么问题？为什么没有背景颜色应用于子div

<div class="col-xs-2 line wall-left" style="position:
 relative; width: 3%; height: 636px; float: left; top: -80px;">
<div style="width:50%;background:black;"></div>
<div style="width:50%;background:white;"></div>
</div>

Answer 1

试试这个

<div class="col-xs-2 line wall-left" style="position:
 relative; width: 367%; ; float: left; top: 80px;">
<div style="width:50%;background:black;">sdfgsdfgsdfg</div>
<div style="width:50%;background:gray;">dsfgsdfgsdfg</div>
</div>

Answer 2

＃请在px中添加高度。喜欢这个并删除位置：relative＃

<div class="col-xs-2 line wall-left" style="width: 3%; height: 636px; float: left; top: -80px;">
<div style="width:50%;background:black;height:50px;"></div>
<div style="width:50%;background:white;height:50px;"></div>
</div>

Answer 3

你需要增加身高。

 <div class="col-xs-2 line wall-left" style="position:
 relative; width: 200px; height: 636px; float: left; top: 0px;">
   <div style="width:100px; height:50px; background:red; float:left;">Test</div>
   <div style="width:100px; height:50px; background:yellow; float:right;">Demo</div>
 </div>

Answer 4

定义内部div标签的尺寸并增加外部div的宽度以查看输出。

<div class="col-xs-2 line wall-left" style="position: relative; width: 3%; height: 636px; float: left; top: -80px; ">
<div style="width:50%;background:black; height:100%"></div>
<div style="width:50%;background:white; height:100%"></div>
</div>

您可以根据您的要求调整div位置

Answer 5

试试这个

<div class="col-xs-2 line wall-left" style="position: relative; width: 100%; ; float: left; top: 80px;">
 <div style="width:50%;background:black;height:20em"></div>
 <div style="width:50%;background:gray;height:20em"></div>
</div>

儿童div不显示 - 背景颜色不要改变

5 个答案: