我有一个条形图,其中包含5个不同的子容器,每个子容器都有不同的颜色。我希望'鸡'子容器位于条形图的底部(零底边距),但由于某种原因它不起作用。事实上,当我对子容器使用绝对定位时,它甚至都没有显示出来。 (注意:每个子容器的高度由Javascript确定,我测试了JS,它运行正常,所以我认为问题出在HTML / CSS中)。
HTML:
<div class="days">
<div class="days-container">
<div class="dairy"></div>
<div class="beef"></div>
<div class="pork"></div>
<div class="eggs"></div>
<div class="chicken"></div>
</div> <!-- end days-container-->
</div> <!-- end days -->
CSS:
.days {
float: left;
height:330px;
width: 1em;
}
.days-container {
position:relative;
height: 330px;
}
.chicken {
position: absolute;
bottom:0;
background-color: #00AAFF;
}
答案 0 :(得分:0)
您没有看到它的原因是它的宽度为0px。尝试给.chicken 100%宽度。