我正在努力想方设法让它的父亲成为100%的高度。 唯一的诀窍是父母的身高将是动态的。

有什么想法吗? 我无法在任何地方找到解决方案?

===============>>#1 票数:2 已采纳

那是因为没有一个干净的解决方案......他们都是黑客。 看到abcoder

你可以使用javascript / jquery,

$(function () {
    var maxheight = Math.max.apply(null,$('.col').map(function () {
        return $(this).height();
    }));
    $('.col').height(maxheight);
});

js小提琴 - 使用box-sizing以便我可以在列上添加一些填充,但并非绝对必要。

或者你可以将所有div包装在另一个div中,然后在包含div的垂直平铺背景上给出它们是单独列的外观,即使内部div不会一直向下延伸。

表或模拟表(使用CSS)也可以使用。

不过,我认为现在可能会有一些涉及CSS3的解决方案。 这个答案来自2011年,所以请用你的判断。

===============>>#2 票数:2

简短的回答,这取决于。

一个很好的简单方法(至少在我看来)是使用冲突的绝对定位:

div {
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 150px;
}

填充帐户,您可以在边距编码。 缺点是它会从页面流中删除元素,所以你必须绕过它。 此外,支持是IE7 +。

另一种方法(也是IE7 +)是使用display: table; display: table-cell;

#parent {
    display: table;
}
#parent div {
    display: table-cell; /* To make all children act as table-cells */
}

  ask by Sean H Jenkins translate from so

未解决问题?本站智能推荐:

1回复

将高度和行内对齐的项目对齐

大家好,我正在React / Redux应用程序上工作,我在对齐项目时遇到问题,如果产品的售价不低于蓝色,则我想对齐蓝色徽标内联是否存在(低于256迪拉姆)的实际价格徽章转向价格,如果要出售产品,我想对齐所有蓝色徽章,我的屏幕截图和代码粘贴在下面,有人可以帮助我解决此问题, 注意:{bra
4回复

填充Bootstrap中相对和绝对div之间的间隙

我需要有关Bootstrap样式的一些帮助。 HTML: CSS: 小提琴: https : //jsfiddle.net/DTcHh/27543/ 我需要的是: 1)用蓝色div填充红色和黄色div之间的间隙。 2)使第二row具有屏幕其余部分的全高。
1回复

中心div在IE8中不起作用?

之前从未有过居中div居中的问题,但我一直在尝试获取100%高的列(这对于大多数浏览器而言都是如此)。 我相信100%的高度会使IE8中的div居中混乱。 所以基本上我想让#wholewrap居中对齐,我目前正在使用margin: 0 auto; 但是它不适用于IE8? 有什么想
1回复

嵌套式Flexbox高度问题

试图与flexbox接触,如果我错过了一些非常基本的知识,请在没有道歉之前从未真正使用过它。 我已经创建了CodePen并简化了基础知识,以展示我的问题。 我的左列很可能包含比右列更多的内容,但是使用flex box我可以使它们的高度相同。 右边的列我想包含多个子项,但希望它们
8回复

如何将div设置为“display:inline-block”,没有边距? [重复]

这个问题在这里已有答案: 如何删除内联块元素之间的空格? 37个答案 每当我使用display:inline-block将div放在一个水平行中时,它们之间总会有一个边距,即使我设置了margin: 0 !important 。 有没有办法在div之间有正好0像
3回复

保证金最高100% - 父母的高度

我有以下布局来构建: 基本上,我需要三个不同高度的div和不同的标题高度,从它们的父级顶部100%定位,减去标题的高度。 我可以用jQuery做到这一点,但这是一个响应式网站,所以我想保持它尽可能基于CSS(否则我将不得不处理$(window).resize() ,这在我的经验可能不可
1回复

div元素实现的css3样式,例如此网站中的标记

由于我是CSS3的新手,因此我需要有关记录显示的帮助。 当我选择记录时,我实现了自动完成功能,它存储在下面的div中。 现在,它仅显示文本。 现在,我想要记录的样式应类似于该网站中的标签。 例如:在“标签”部分中,如果我们选择HTML5,则该HTML5就像按钮旁边存储有删除图像一样,我需
1回复

CSS模块继承图像高度100%问题

由于某些原因,我的图像在垂直方向上失真了,我无法弄清原因(请参见下图)。 1个 2 3 长话短说,我所做的就是移动所有单页应用(SPA)应用代码/样式,并创建了服务器端呈现的代码库。 我没有更改任何样式或进行任何调整,但是由于某种原因,它会失真。 这是SPA应用程序的
2回复

通过添加React.js的项目数来更改div元素的高度

我正在使用React.js创建一个应用程序。 我有项目清单。 项目列表是可编辑的。 我想在项目列表旁边添加一个title元素,并且应该随着项目数量的增加或减少而更改title元素的高度。 图片 如果项目数减少到3,则应缩短标题元素(建议和常见问题)的高度。 如果增加到5
5回复

HTML在100%宽度上输入右侧填充

这是我一直有的问题。 以下HTML: 接下来是以下CSS: 得到以下结果: 这是对其中一个输入字段的firebug检查。 据我所知, ul是由于边距而削减了父form 。 我需要ul包含边距,宽度为100%, inputs宽度也为100%。 更