hasLayout VS新块格式化上下文

Question

听起来像hasLayout和“新的块格式化上下文”的功能相同。 我确切地知道“新的块格式化上下文”的作用，但我不清楚hasLayout的内容是什么，以及他的工作是什么。
我对“hasLayout”的了解是：

1：hasLayout flat用于触发css属性，以便正确呈现页面。

  

问：这里引用的“css属性”是什么？

2：如果hasLayout设置为true-element，则表示负责呈现自身的框。

  

问：“新的块格式化上下文”是否相同？

3：以下属性给出了元素布局：

position:absolute;
float;
display:inline-block;
width:not auto;
height:not auto;
zoom;
writting-mode;

  

问：如果我们收缩包装朋友中的元素有“ layout ”并且宽度不受限制，我们的收缩包装会失败，为什么？

Here is a link，对hasLayout说些什么，也许这有助于我解释我的问题。

更多详情：

HTML

 <ul class="ofArrowLinks">
     <li class="ofOpen">
    <a href="#">
      <span>Link01</span>
    </a>
     </li>
     <li class="ofOpen">
     <a href="#">
    <span>Link02</span>
     </a>
      </li>
     <li class="ofOpen">
    <a href="#">
          <span>Link03</span>
    </a>
 </li>
 </ul>

CSS

   .ofArrowLinks li{
    float:left;
    font-size:12px;
    line-height:2.7;
}
.ofArrowLinks a{
    display: block;
    padding: 0 0 0 10px;
    text-decoration:none;
    height:41px;

}
.ofArrowLinks .ofOpen a{
    background: url(../../common/images/tab04a.gif) no-repeat scroll left top transparent;
    cursor: default;
}
.ofArrowLinks span{
    font-weight:bold;
    display: block;
    height:30px;
    padding: 0 18px 0 0;
}
.ofArrowLinks .ofOpen span{
    background: url(../../common/images/tab04b.gif) no-repeat scroll right top transparent;
    color: #FFFFFF;
}

在IE6中：

原因是我已经设置了一个高度并且正在使用显示的属性：block，所以它们的宽度是auto，永远不会收缩包装内容。

在其他浏览器中，我希望看到：

这是hasLayout的错！没人可以帮忙？好难过......