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

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

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

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

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

共0评论

å?‘表评论

最新评论å?Š回å¤?

    loading

最近å?‘表

    loading

网站分类

    loading

文章归档

    loading

å?‹情链接

Top Comments Footer