Html '；身高：100%'；它不起作用了吗？

我在a中工作，标题和主菜单在左侧作为一列工作，而内容在右侧

无论我做什么，我都不能使标题随着内容的增长而增长。由于某些原因，车身在某个点卡住，不允许其内部的div正常工作

我尝试了所有我能在网上看到的东西：我在相对位置上工作，我认为所有的容器都有高度：100%

有什么办法可以解决这个问题吗(

这是我的源代码，如果有帮助的话

html{
身高：100%；
}
身体{
保证金：0；
字号：1em；
线高：1.4；
字体系列：Arial；
身高：100%
}
a{
颜色：#6A6A；
文字装饰：无；
}
a:悬停{
文字装饰：下划线；
}
a:悬停，a:活动{
大纲：0；
}
p、 版权所有{
填充：0；
利润率：0.7px；
字号：0.9em；
}   
#容器{
身高：100%；
}
主分区{
填充：0 33px 0；
宽度：75%；
位置：相对位置；
浮动：对；
身高：100%；
}
.页眉{
背景：#d60362；
颜色：#fff；
宽度：20%；
位置：相对位置；
浮动：左；
填充：12px 17px；
排名：0；
右：0；
身高：100%；
}
.页眉h1{
利润率：0.4px 0；
填充：0；
宽度：260px；
高度：110px；
文本对齐：居中；
}
.页眉h1 a{
显示：块；
宽度：260px；
高度：105px；
字体大小：30px；
}
斯特拉普林先生{
颜色：#3d3d；
字体大小：粗体；
填充：0；
利润率：0.26px 0；
文本对齐：居中；
}
.页眉a{
颜色：#fff；
}
.页眉a：悬停{
颜色：#3d3d；
文字装饰：无；
}
#cssmenu，
#cssmenu ul，
#李国章，
#cssmenu a{
保证金：0；
填充：0；
边界：0；
列表样式：无；
字体大小：正常；
文字装饰：无；
线高：1；
字体大小：14px；
位置：相对位置；
}
#cssmenu a{
线高：1.3；
}
#cssmenu{
宽度：250px；
}
#cssmenu>ul>li>a{
字体大小：25px；
字体大小：粗体；
显示：块；
背景：#d60362；
颜色：#ffffff；
边框底部：1px纯白；
文本转换：大写；
}
#cssmenu>ul>li>a>span{
背景：#d60362；
填充：10px；
显示：块；
字体大小：13px；
字体大小：300；
}
#cssmenu>ul>li>a:悬停{
文字装饰：无；
}
#cssmenu>ul>li.active{
边框底部：无；
}
#cssmenu>ul>li.active>a{
颜色：#fff；
}
#cssmenu>ul>li.active>a跨度{
背景：#83003C；
}
#cssmenu span.cnt{
显示：无；
}
/*子菜单*/
#cssmenu ul{
显示：无；
}
#cssmenu ul li{
边框：1px实心#e0；
边界顶部：0；
}
#cssmenu ul a{
填充：10px；
显示：块；
颜色：#d60362；
字体大小：13px；
}
#cssmenu ul a：悬停{
颜色：#83003C；
}
#奇数{
背景#f4；
}
#cssmenu ul li.偶数{
背景：#fff；
}
#职位{
宽度：90%；
利润率：15px 20px 50px 50px；
身高：100%；
}
#职位h1{
颜色：#d60362；
线高：60px；
文本对齐：居中；
利润上限：35px；
边框底部：2个实心#d60362；
}
#职位h2{
颜色：#83003C；
}
#职位h3{
颜色：#83003C；
文字装饰：下划线；
}
#员额h4{
颜色：#83003C；
字体：斜体；
}
#后康特尼多{
宽度：100%；
身高：100%；
利润率：15px；
}
#wb_页脚{
高度：50px；
填充顶部：20px；
}
#职位：之后{
宽度：100%；
显示：块；
明确：两者皆有；
}

德萨罗·德阿普利卡奇奥尼斯网络计划
计划






















Desarrollo entorno客户网
你好，世界！拉拉拉拉

©2014

删除css类（.page header）上的属性（宽度：20%）。

高度100%表示根据屏幕大小调整高度。 因为你想把它调整到内容的大小，所以在使用它的时候要小心。 您还可以将posifion:fixed；overflow-y:auto添加到标题中，以获得更好的结果

但你仍然会有问题，使响应，最小宽度是一个必须这样

看看

---

有了一些标签和类，你就可以创建一个响应速度非常好的网站了。一般来说，我觉得

高度：100%

没有什么用处，而且它也没有达到你的预期

相反，我建议使用绝对定位

---

我确实使用绝对定位重新创建了基础布局，以下是HTML模型：

<div id="container">
    <header class="page-header">
        <h1>Ejemplo de Pagina Web</h1>
        <p>Programación</p>
        <div id="cssmenu">
            <ul>
                <li>Item</li>
                <li>Item</li>
                <li>Item</li>
                <li>Item</li>
                <li>Item</li>
            </ul>
        </div>
    </header>
    <div class="main">
        <div id="posts">
            <h1>Programación</h1>
            <div id="post-contenido">
                <p>Prueba aaaaaaaaaaaaaalalalallalalalallaa</p>
            </div>
            <div class="contenedor">
                <div id="footer">
                    <p>CC-BY theraot</p>
                </div>
            </div>
        </div>
    </div>
</div>

你一定会看到的

---

增编1：

如果您希望始终将

页脚

放在页面底部，您可能希望使用

.contendor

而不是

#footer

作为CSS选择器，并将其设置为已知高度（设置为

contendor

div），这样您就可以为

posts

div指定一个已知的底部。 另一方面，删除关于

页脚的部分

，让它紧跟在

帖子之后

增编2：

如果您希望通过允许页眉位于页面其余部分的顶部（在这种情况下，由于页眉不再与内容并排，因此所有高度问题都毫无意义），从而使布局适应小型视口，那么我建议使用媒体查询。
高度100%通常对应
.page-header {
    position:absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 75%;
    background:#d60362;
    color:white;
}
.main {
    position:absolute;
    left: 25%;
    top: 0;
    bottom: 0;
    right: 0;
}
#footer {
    position:absolute;
    bottom: 0;
}