Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 三列等高布局_Html - Fatal编程技术网

Html 三列等高布局

Html 三列等高布局,html,Html,如何仅使用css和html(无js)使三列布局具有相同高度最简单的方法是使用 您还可以尝试使用带有overflow:hidden的容器为三个div提供具有大量底部边距的大量底部填充。不过,内联锚点的效果并不好。 <html><body> zdfsfs ZGFSGF zvgzcxgvxz 这可能是问题的另一个解决方案! 有关更多信息,请参阅此链接:@abdullah Nope,对不起。如果您不必支持

如何仅使用css和html(无js)使三列布局具有相同高度

最简单的方法是使用

您还可以尝试使用带有
overflow:hidden
的容器为三个div提供具有大量底部边距的大量底部填充。不过,内联锚点的效果并不好。


<html><body>

zdfsfs
ZGFSGF
zvgzcxgvxz
这可能是问题的另一个解决方案!
有关更多信息,请参阅此链接:

@abdullah Nope,对不起。如果您不必支持display:table cell。上一个更好。因为,我必须支持ie7+,但当内容随机增加时会发生什么情况我已经给出了较小的宽度。您可以增加宽度。如果内容仍然较大,则内容将以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>
div {display : table-cell;}