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

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

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

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

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

共0评论

�表评论

  • [URL] [URL2] [EMAIL] [QUOTE] UBB表情 [B] [I] [S] [U]

最新评论�回�

    loading

最近�表

    loading

网站分类

    loading

文章归档

    loading

�情链接

Top Comments Footer