浅谈三列等高自适应布局 - 凡事预则立,?预则废

?些时候写了一篇关于两列自适应的文章,既然写了两列,?写写三列想想也过?去,其实原?应该是差?多的,那么就写了。

首先我的想法是直接让左侧float:left;?侧float:right; 然?中间利用hasLayout,实现自适应,最?将中间部分的结构移动到?侧的下边,测试,结果还真没想到第一次测试就?功,除了IE6下?还有上次我说的IE 3px bug其他?览器在我测试的范围内都兼容了,但是这样也有一个问题,那就是文档结构乱了。

然?我想一般?说两边的宽度我们都应该是已知的,那么就利用上次的边上?对定?,然?让中间负边?已达到自适应的?求,那么测试,正如我所想这个方法?然还是那么兼容,而且结构也是中规中矩的,应该是应用比较实在的一个方案。

暂时自适应?说到这里,其实我也?想到了这些,既然标题上说等高,那么就还是?等高,就目??实现纯CSS等高,就我知?的,应该就?有 padding结?margin负边?抵消法和多层嵌套,废??说,测试上,这次试的还?错,跟一?三列适应的方?,实现等高,但是问题就是结构还是乱的。

0评论

?表评论

最新评论?回?

    loading

最近?表

    loading

网站分类

    loading

文章归档

    loading

?情链接

Top Comments Footer