Html div自动展开到其容器的高度

Html div自动展开到其容器的高度,html,css,Html,Css,如何使div自动扩展到其容器的高度 以下是问题所在的示例: 我尝试过使用CSS atributesheight:auto和height:100%,但没有成功 这是一个我经常遇到的问题,我从来没有发现并回答过 您可以使用css表格来制作所需的布局。演示如下:将下面的CSS添加到内部div中,您希望该div的高度与其父级相同 position : absolute; top : 0; bottom :0; 左:0如果您希望它位于容器的左侧 或 右:0如果您希望它位于容器的右侧 位置:相对到父分区

如何使div自动扩展到其容器的高度

以下是问题所在的示例:

我尝试过使用CSS atributes
height:auto
height:100%
,但没有成功


这是一个我经常遇到的问题,我从来没有发现并回答过

您可以使用css
表格
来制作所需的布局。演示如下:

将下面的CSS添加到内部div中,您希望该div的高度与其父级相同

position : absolute; top : 0; bottom :0; 
左:0如果您希望它位于容器的左侧

右:0如果您希望它位于容器的右侧


位置:相对
到父分区。

这就是你想要的吗?@Simon,你应该看看你的JSFIDLE。似乎一张代码粘贴了两次,留下了一些重复的id。