Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Css 3列+;100%高度_Css_Html - Fatal编程技术网

Css 3列+;100%高度

Css 3列+;100%高度,css,html,Css,Html,我需要在相同的,但每列的高度应为100%,整个页面的高度应至少100%。有人能帮忙吗?你应该看看这个问题: 他们提到这一点(你可以看到源代码),我认为这就是你要寻找的。您必须为和设置高度:100%,然后,容器应具有最小高度:100%我试图使用CSS网格获得此布局,但不幸的是,我认为这是不可能的。使用浮动是一种简单的方法 *{ 保证金:0; 填充:0; } 正文,html{ 身高:100%; } .盒子{ 身高:100%; } .box1{ 浮动:左; 宽度:20%; 背景色:红色; } .bo

我需要在相同的,但每列的高度应为100%,整个页面的高度应至少100%。有人能帮忙吗?

你应该看看这个问题:


他们提到这一点(你可以看到源代码),我认为这就是你要寻找的。您必须为
设置
高度:100%
,然后,容器应具有
最小高度:100%
我试图使用CSS网格获得此布局,但不幸的是,我认为这是不可能的。使用浮动是一种简单的方法

*{
保证金:0;
填充:0;
}
正文,html{
身高:100%;
}
.盒子{
身高:100%;
}
.box1{
浮动:左;
宽度:20%;
背景色:红色;
}
.box2{
浮动:左;
宽度:60%;
背景颜色:绿色;
}
.box3{
浮动:左;
宽度:20%;
背景颜色:蓝色;
}


您是否尝试过在css中添加
高度:100%
?有很多方法可以做到这一点,一点都不好笑。在右栏中查看标题:让我们播放一点。看起来不错,但如果我们将调整窗口大小,那么我们将得到。所以这不好,你的例子看起来不错。我看到有填充底部,边距底部技术以及。我会尝试将其应用于我的问题。非常感谢。为我的问题完成的特别示例:和