100%最小高度CSS布局

文章/答案/技术大牛

发布

14回答

html、css、xhtml

让一个元素在各种浏览器上达到100%最小高度的最好方法是什么？特别是如果您有一个具有固定height header和footer的布局，如何让中间内容部分填充中间空间的100%，并将footer固定在底部？

浏览 117提问于2008-08-24得票数 180

2回答

Css正文高度之谜

css、layout

我尝试复制在path：中看到的布局html, body { margin: 0; padding: 0; }body { } 不知何故，他们设法在不固定html高度的情况下，在body上获得了类似100%最小高度的工作行为。我尝试过复制它，但它只有在我设置了html { height: 100% }时才起作用

浏览 4提问于2012-11-15得票数 1

3回答

CSS 100%高度布局

css、layout、height

我想将转换为无表布局。注意:页眉和页脚必须设置为固定的像素高度(50px就可以了)。我遇到的主要问题是，我不能让中间的“大盒子”表现得像它在处理表格时那样。

浏览 3提问于2011-05-28得票数 37

回答已采纳

1回答

我有一个2列挠曲箱布局。列中的项使用flex:1，而我只使用min-height设置它们的高度。其思想是，这两列应该始终是平等的高度。当colA比colB短时，colA的子项就会伸长以填充可获取的高度.当colA比colB高时，colB的条目就和它们的最小高度一样高.问题是，和css一样，如果我有一个带有min-height: 100px的元素，但是填充了500 be高的内容，那么最小高度永远不会被使用，有效的<em

浏览 2提问于2016-03-01得票数 3

回答已采纳

1回答

CSS 100%容器高度，最小高度

html、css

我遇到过这样一种情况:我试图让一个元素占据其容器高度的100% --而容器元素只指定了最小高度。不幸的是，当我这样做的时候，height指令被忽略了。。"b“div，红色的div，应该填满整个父级。如果我对容器有" height : 1px“，"a”div，那么"b“被拉伸到"a”的整个高度。。但这只适用于FF3.6和IE7，不适用于Chrome。所以我想我在这里做错了什么。在这种情况下，实现拉伸到高度的最佳方法是什么？

浏览 0提问于2011-08-09得票数 14

回答已采纳

3回答

CSS容器最小高度100%

html、css

我一直试图让我的容器100%的高度，因为一些网页有有限的信息。我管理的最好方法是将内容设置为绝对值，然后超过100%并隐藏页脚。/images/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href=&quo

浏览 0提问于2015-10-03得票数 2

回答已采纳

2回答

最小高度未按预期工作

html、css、height

所有其他css属性都可以更改。 <div id="level2"> </div> 一级:最小高度<

浏览 0提问于2014-09-30得票数 0

回答已采纳

1回答

多个div的100%最小高度？

css

如果我有以下结构，例如，在单个页面布局中：<div id="div1"></div><div id="div3"></div></div> 是否可以将div 1-4的最

浏览 0提问于2012-05-07得票数 0

回答已采纳

3回答

特定于Dreamweaver的CSS？

css、dreamweaver

我在CSS中使用一个相当基本的垂直扩展页面布局，并尝试调整此布局，以便我的客户可以在Dreamweaver中使用模板编辑页面。这是..。嗯，艰难的过程。我习惯于用手来做这些事情，但它工作得相当好。我正在使用一个类似于的最小高度技巧来使内容在浏览器中很好地展开，以便在大型监视器上查看较短的页面。代码在所有浏览器中都能很好地工作(网站不支持任何比IE7更旧的东西，其他浏览器也可以)，但是Dreamweaver不能正确地呈现最小高度。我想，最快的解决办法是:有没有办法让dre

浏览 4提问于2010-09-26得票数 2

回答已采纳

1回答

最小高度和滚动Div

html、css、overflow

基本布局是这样的 <div id="leftDiv" style="width:20%; height:100%; display我遇到的问题是，正如你可能已经注意到的，我在左列上有一个溢出，在右列上有一个最小高度。这个想法是，左边的列将显示一个项目列表，但是我不希望该列表延伸到包含div的高度，我希望它适合包含div

浏览 2提问于2011-10-20得票数 4

1回答

为什么父母的最小身高不能阻止100%高的孩子崩溃？

html、css

Jsfiddle: <div class="cont"></div>.a { height: 100%; .cont { border:1px solid;我希望div.a是.cont的大小，由于最小</em

浏览 2提问于2014-12-01得票数 1

回答已采纳

2回答

css高度~最小高度:100%不工作

html、css

使用高度/最小高度:100%；东西但不起作用<div class="wrapper"> <div class="divFooter"> </d

浏览 3提问于2017-05-02得票数 2

回答已采纳

1回答

角质嵌套柱高计算

html、css、flexbox、angular-material

这是密码： <div class="thingtwo" layout" flex="75"></div> <div class="thingthree" layout="column" flex

浏览 3提问于2016-01-18得票数 0

回答已采纳

1回答

css嵌套最小高度布局

html、css、layout

我试图实现一个嵌套的最小高度div和滑动页脚的布局。 </section> i'm footer和css： body {

浏览 4提问于2014-03-28得票数 0

2回答

有像facebook聊天/活动这样的小部件吗？

dojo

我需要创建一个内容窗格，可以在布局页面/屏幕的右侧底部列中展开或最小化。所以大家都支持我的建议

浏览 2提问于2013-07-22得票数 0

回答已采纳

1回答

jQuery和CSS最小高度:100%

javascript、css

我的CSS： width:100%;}function abc(){ var sum = h_1 + h_2; jQuery('.s1_container').css('height'

浏览 1提问于2015-10-17得票数 0

3回答

我的一个html表不能保持100%的高度。

asp.net、html、css、html-table

表的大小应该固定为全高，100%，不管它有多少行；但是，它只能与表中的行数一样大。下面是我正在使用的标记： <tr> </asp:Table>

浏览 1提问于2012-10-19得票数 1

回答已采纳

2回答

在页面底部的位置页脚

html、css

我有一个相当复杂的布局，我正在建设，它依赖于一个是受高度影响，最小高度，所以通常的技巧定位脚在底部是行不通的。body, html, #wrapper { min-height: 100%;.header { height

浏览 5提问于2014-12-08得票数 0

回答已采纳

1回答

背景宽度-内联flexbox模型中的图像

javascript、html、css、flexbox、viewport-units

是否可以仅使用css从背景图像计算元素的最小宽度？然后使用css3视口高度将其应用于元素因此，如果图像是div，则应用于130px wid

浏览 5提问于2015-12-27得票数 0

2回答

3行布局，总最小高度: 100%

css、layout

我希望实现一个3行布局，其行为如下：随着内容的增加，中间行会变大。当达到最大大小时，总体布局大小会增加，因此用户现在必须滚动以查看较低的内容和页脚。<p>Content</p> </td> <tr&g

浏览 5提问于2015-01-30得票数 1

回答已采纳

点击加载更多