三个栏布局等高

2

最简单的方法具有相同高度三个栏布局是使用faux column background technique。

您还可以尝试给与三个divs大底部垫与巨大的底部边缘与容器与overflow: hidden。尽管如此，它并不能很好地与内联锚相媲美。

来源

2011-04-07 05:40:20 alex

+0

thanks.I'v试过这个并且工作。但有什么更好的主意？ – thecodeparadox 2011-04-07 05:48:55

+0

@abdullah不好意思，对不起。如果你不需要支持 alex 2011-04-07 05:55:39

+0

以前是better.coz，我必须支持ie7 + – thecodeparadox 2011-04-07 06:02:40

0

<html><body>

<div>

<div style="float:left;height: 33.33%;width:10%;background-color:red">zdfsfs</div> 
<div style="float:left;height: 33.33%;width:10%;background-color:blue">zgfsgsgfsgf</div> 
<div style="float:left;height: 33.33%;width:10%;background-color:cyan">zvgzcxgvxz</div> 
</div></body></html>

来源

2011-04-07 05:55:31 Poonam

+0

但是当内容随机增加会发生什么 – thecodeparadox 2011-04-07 06:00:19

+0

我给了小width.you可以增加width.and仍然内容较大，那么内容会出div，这种解决方案将无法正常工作。我会尽力找到它的解决方案，并让我知道如果我得到它。 – Poonam 2011-04-07 06:15:30

+0

谢谢。但我认为我所接受的'alex'给出的解决方案更好。尝试这个。 – thecodeparadox 2011-04-07 06:24:30

0

div {display : table-cell;}

这可能是另一种解决问题的办法！欲了解更多信息，请参阅此链接：Is there a disadvantage of using `display:table-cell`on divs?

来源

2014-09-12 15:07:12

三个栏布局等高

回答

相关问题