Html 如何使左窗格延伸至右窗格的全高'；什么内容？
我已经尝试了两天，并且已经阅读了许多示例和堆栈溢出问题。我不熟悉html和css，这是我的第三天。任何关于我做错了什么的提示或见解，以及一般性的评论或批评，都将不胜感激 我试图使左侧的蓝色窗格延伸页面的整个长度，而不仅仅是浏览器视口的高度 多谢各位Html 如何使左窗格延伸至右窗格的全高'；什么内容？,html,css,Html,Css,我已经尝试了两天，并且已经阅读了许多示例和堆栈溢出问题。我不熟悉html和css，这是我的第三天。任何关于我做错了什么的提示或见解，以及一般性的评论或批评，都将不胜感激 我试图使左侧的蓝色窗格延伸页面的整个长度，而不仅仅是浏览器视口的高度 多谢各位 #leftPane { position: absolute; width: 200px; margin:0px; padding:0px; height: 100%; background-colo
#leftPane {
position: absolute;
width: 200px;
margin:0px;
padding:0px;
height: 100%;
background-color: #0e365b;
}
#rightPane {
position: absolute;
top:0px;
left:200px;
margin:0px;
padding:0px;
background-color: #EEEEEE;
width: 900px;
height: 100%;
}
废话废话
废话废话
废话废话
废话废话
容器左窗格右窗格containercontainerrightpaneleftpanecontainer100%高度
/*最浅蓝色：#4096e5（导航框）
深蓝色：#195e9f（导航框翻滚）
深蓝色：#043d71（儿童翻滚）
深蓝色：#0e365b（左窗格）
灰白色：#EEEEEE（右窗格背景）
*/
* {
字体系列：“Helvetica”，无衬线；
}
身体{
边际：0px；
填充：0px；
背景色：#EEEEEE；
}
#容器{
位置：相对位置；
高度：自动；
}
#左窗格{
颜色：白色；
文本对齐：对齐；
}
#左窗格>p{
利润率：10px；
}
#左窗格{
位置：绝对位置；
宽度：200px；
边际：0px；
填充：0px；
身高：100%；
背景色：#0e365b；
}
#左窗格h1，
h2，
h3{
文本对齐：居中；
利润率：10px；
填充：0px；
文本阴影：5px 5px 10px#000；
}
#右窗格{
位置：相对位置；
顶部：0px；
左：200px；
边际：0px；
填充：0px；
背景色：#EEEEEE；
宽度：900px；
身高：100%；
}
#标题{
位置：绝对位置；
顶部：0px；
左：0px；
高度：40px；
}
#导航{
列表样式：无；
溢出：隐藏；
z指数：5；
}
#李海军,，
保险商实验室{
浮动：左；
边际：0px；
填充：0px；
}
#导航a：链接，
答:访问,，
.顶{
显示：块；
颜色：#FFFFFF；
背景色：#4096e5；
填充物：5px；
文字装饰：无；
文本阴影：1px 1px 1px#000；
}
#导航a.顶部：链接，
a、 顶部：访问，
.顶{
宽度：180px；
字体大小：粗体；
文本对齐：居中；
}
#导航a.sub:链路，
a、 sub:已访问{
文本对齐：左对齐；
}
#导航分隔器{
右边框：1px黑色虚线；
}
#导航a：悬停，
跨度：悬停{
背景色：#195e9f；
文字装饰：无；
}
#导航ulli a：悬停{
背景色：#043d71；
}
#导航ul{
列表样式：无；
位置：绝对位置；
左：-9999px；
}
#李国荣{
背景：#195e9f；
浮动：无；
边框顶部：1px黑色虚线；
}
#导航ula{
空白：nowrap；
}
#李海军：悬停{
左：0px；
z指数：5；
位置：绝对位置；
宽度：100%；
}
#李海军：盘旋a，
李：悬停跨度{
/*这些将创建持久的悬停状态，即最顶端的链接
即使光标在列表中向下移动，也保持“悬停”*/
背景：#195e9f；
}
#李导航：悬停在ul a上{
/*但是，持久悬停状态确实会为创建全局样式
甚至在链接悬停之前，我们就撤销了这些效果*/
文字装饰：无；
}
#主要内容{
位置：相对位置；
左：0px；
顶部：40px；
利润率：10px；
}
标题
部分
还有一些文字，应该换行
这里有一些有趣的事情需要注意。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
从第三节开始
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
<div><!-- make a <div> to hold everything in.. -->
<div style="width:125;height:100%;">blah blah blah</div>
<div style="height:100%;">blah blah blah</div>
</div>