三列自适应布局的实现方式(兼容IE6+)

1.绝对定位方式

 1 <div class="nm-3-lr"> 2   <div class="aside-f"> 3     <p>侧边栏1固定宽度</p> 4   </div> 5   <div class="main"> 6     <p>绝对定位-主内容栏自适应宽度</p> 7   </div> 8   <div class="aside-s"> 9     <p>侧边栏2固定宽度</p>10   </div>11 </div>12 13 <div class="nm-3-lc">14   <div class="aside-f">15     <p>侧边栏1固定宽度</p>16   </div>17   <div class="main">18     <p>绝对定位-主内容栏自适应宽度</p>19   </div>20   <div class="aside-s">21     <p>侧边栏2固定宽度</p>22   </div>23 </div>24 25 <div class="nm-3-cr">26   <div class="aside-f">27     <p>侧边栏1固定宽度</p>28   </div>29   <div class="main">30     <p>绝对定位-主内容栏自适应宽度</p>31   </div>32   <div class="aside-s">33     <p>侧边栏2固定宽度</p>34   </div>35 </div>

原标题：三列自适应布局的实现方式(兼容IE6+)

关键词：ie