为什么酒吧出了父div？

Question

我想创建一个包含条形（div）的div。

问题是：

这些条似乎不在父div中，但它应该在其中。

父div ID为 block_gantt ，并且已滚动。

Internet Explorer 中的一切都很好，但在谷歌浏览器中它是有问题的。

屏幕截图来自 google chrome （我不想这样）：

//////////////////////////////////////////// //////////////////////

来自 Internet Explorer 的屏幕截图（这是正确的）

这是我的代码：

<div id ="block_gantt" style="height:240px; width:880;" onscroll=" gantt_scroll();">

<div onclick="ShowItemDetail(160662);" style="overflow:hidden;position:absolute;margin-left:614px;text-align:left;float:left;height:28px;width:2896;" >
  <div style="overflow:hidden;position:relative;z-index:1;text-align:left;background:#F1F1F1;width:2814px;height:28px;float:left;">
    <div style="overflow:hidden;position:absolute;z-index:2;background:#fea621;width:1094px;height:28px;float:left;text-align:left;">
    </div></div><div style="overflow:hidden;position:absolute;z-index:3; width:2896px;height:28px;float:left;text-align:left;font-color:#555555;left:3px;top:8px;">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx &nbsp;&nbsp;&nbsp; 39% 
    </div>
   <div style="overflow:hidden;position:absolute;z-index:4;left:1094px; width:2814px;height:28px;float:left;text-align:left;padding-left:3px;color:#444444">
   </div>
   <div style="overflow:hidden;padding-left:5px;position:relative;z-index:6;width:70px;height:28px;float:left;color:#333333"> 
   </div>
</div>
...same for above
...same for above
...same for above

</div>

我的小提琴：

http://jsfiddle.net/LFUah/2/

Answer 1

尝试将position:relative添加到block_gantt div