BFC內(nèi)元素為absolute的元素問題

今天看一篇BFC的文章，并動手試了其中的規(guī)則，對一下這條不是很理解，求指導(dǎo)：
http://www.cnblogs.com/dojo-l...

每個元素的左外邊距與包含塊的左邊界相接觸（從左向右），即使浮動元素也是如此。（這說明BFC中子元素不會超出他的包含塊，而position為absolute的元素可以超出他的包含塊邊界）

實際
html

<!-- BFC子元素不會超出包含他的元素，positon為absolute的子元素可以
        問題：對inner-1設(shè)置position:absolute，并沒有超出父元素的邊界?
     -->
    <section class="bfc-rules-wrap">
      <h3>2. 內(nèi)部的元素不會超出BFC </h3>
      <article class="bfc-rules-2">
        <div class="inner-1 item">1. float + absolute</div>
        <div class="inner-2 item">2. float</div>
        <div class="inner-3 item">3. float</div>
      </article>
    </section>

CSS

.bfc-rules-2{
    width: 400px;
    background-color: #e2e2e2;
    margin-left: 30px;
    display:inline-block;
     .item{
      width: 100px;
      height: 100px;
      margin: 10px 0;
    }
    .inner-1{
      background-color: rgb(204, 202, 228);
      float: left;
       position: absolute;
      }
    .inner-2{
      background-color: rgb(187, 148, 148);
      width: 120px;
      float: left;
      // position: absolute;
      }
    .inner-3{
      background-color: rgb(82, 168, 33);
      float: left;
    }
  }

實際從并沒有超出邊界

那么這條規(guī)則該怎么理解？