0

嘿，伙计们，这是我在这里遇到的一个非常令人沮丧的问题-现在我的页面在 HTML 中运行得非常好，但是在我将扩展名更改为 .PHP 之后，我有一个 div 对其 CSS 没有反应

我将css放在一个单独的类中，就像其他类一样，现在也没有工作我试图使用 style="" 指定内联参数，但这也不起作用？其中一些可以，但特别是高度百分比根本不起作用！这是php页面的实时链接

这是我的 div 代码 -

<div style="height:70.4%; color:#31859C;font-size:18px;font-family:Arial, Helvetica, sans-serif;    padding-left: 25px; padding-right: 0px; background-color: #16334B;" id="LayoutDiv6"></div>

现在这个讨厌的 div 根本不响应 70.4% 的高度变量，如果我将页面更改为 PHP 页面，这是必要的，因为它是联系表单页面并且我有需要执行的 php。

抱歉，如果这很难理解 - 扩展更改为 php 后，基本上高度不起作用

提前致谢

4

3 回答 3

0

相对高度（例如 70.4%）只能相对于绝对的东西。因此，您必须将父元素的高度设置为绝对值。

于 2013-08-20T14:07:20.720 回答
0

让 div 垂直扩展以填充其父级的高度是很棘手的。仅当显式设置 div 的父级之一的高度时，将属性设置height为百分比才有效（例如，使用 CSS 规则html { height: 100% }，但这会产生它自己的布局问题）。有关更多信息，请参阅此答案。

Divs 主要用作容器，并将扩展以适应其内容。查看您链接到的页面似乎 div 没有垂直扩展的唯一问题是您最终得到一个白色块，其中 div 的父级的背景正在显示。如果您将背景颜色更改为相关 div 的相同背景颜色，那么您的页面应该看起来不错。

于 2013-08-20T14:08:39.053 回答
0

您需要为 div 父元素设置一个高度，以便 div 按百分比获得任何高度，这是唯一的方法，它与扩展无关，我害怕。

<div style="height: 1000px">
    <div style="height: 50%">this will be 500px high</div>
</div>
于 2013-08-20T14:09:52.900 回答