深山老林

这个布局其实在实际应用中是经常用到的, 比如我这个blog的布局结构也是这样的, 利用这个布局还可以延伸到三列去, 甚至更多的变化.

布局的难点是如何使宽度固定的一边跟宽度自适应的另一边相排在一行呢? 答案是利用负边距, 自适应的一边先负外间距固定宽度边的宽度值, 然后内嵌的层再外间距相同的宽度值就可以了! 是不是觉得我说得有点乱? 没问题, 看代码就不会乱的了!

结构部分:

样式部分:

Demo 地址: http://blog.ikshow.cn/demo/2_col/

当然, 两边交换过来也是一样的, 呵呵~

Demo 地址: http://blog.ikshow.cn/demo/2_col/index_2.html

掌握了这个布局, 在面对很多页面时会很有用的~
=========================================================

这样，对于布局的左右自适应和上下自适应就都有了比较好的解决方案了。:)