Question

我div内有div。 CSS / HTML如下。我试图弄清楚如何使内部div具有真正的height: 100%;而没有溢出，什么不是。无论我尝试什么，内部div的边界都会因为外部div overflow: hidden而被裁剪。

由于原因，我无法修改任何div的内容或样式。但是，如果需要，我可以将内部div包装在其他div中。这不是通过JavaScript完成的，这就是为什么我无法修改外部或内部div。

此外，这必须在IE8中运行。

外部div样式不会有太大变化 - 只有宽度，高度，背景颜色和边距。

内部div可以是任何东西。它可能有一个更大的边界，它可能没有边界，它可能是谁知道什么。

#outer
{
	width: 200px;
	height: 200px;
	background-color: yellow;
	margin: 20px;
	overflow: hidden;
	position: absolute;
}

#wrapper
{
  height: 100%;
}

#inner
{
	border: 1px solid red;
	height: 100%;
}

<div id="outer">
	<div id="wrapper">
		<div id="inner">
			a
		</div>
	</div>
</div>

Answer 1

您可以为#wrapper

使用css flex属性

#wrapper {
    display: flex;
    flex-flow: column;
    height: 100%;
}

#outer
{
	width: 200px;
	height: 200px;
	background-color: yellow;
	margin: 20px;
	overflow: hidden;
	position: absolute;
}

#wrapper /* adding flex */
{
  display: flex;
flex-flow: column;
height: 100%;
}

#inner
{
	border: 1px solid red;
	height: 100%;
}

<div id="outer">
	<div id="wrapper">
		<div id="inner">
			a
		</div>
	</div>
</div>

它适用于所有最新的浏览器，但这不适用于IE8。

Answer 2

jsfiddle

将Create PROCEDURE [dbo].[getCustomerAll] -- Add the parameters for the stored procedure here @DateFrom Datetime, @DateTo Datetime, AS BEGIN SELECT * from Customers WHERE creation_date BETWEEN CONVERT(VARCHAR(10), @DateFrom, 103) AND CONVERT(VARCHAR(10), @DateTo, 103)高度更改为仅99％将解决问题。

内心被切断的原因是：

#wrapper

div中100％的高度为div，另一个div有边距

2 个答案: