请教css高手:子容器高度占满父容器高度应该怎么做?

比如有这样一个布局:
<div id="ward">
<div id="top"></div>
<div id="content">
<div id="left"></div
<div id="right"></div>
</div
<div id="tutton"></div>
</div>
这是一个简单得两列布局
当content不设置高度,它得高度会根据right得内容自适应,问题来了left高度要怎么要怎么样才能跟content得高度一样?我设置过left得height为100%但是没用.

第1个回答  2011-03-08
父容器content的position属性设置为relative,left的position属性设置为absolute,top:0 left 0本回答被提问者采纳
第2个回答  推荐于2017-10-06
.div2 {
height: 200px;
}
.div2 div {
height: 100%;
border: 1px solid #003;
}

请教css高手:子容器高度占满父容器高度应该怎么做?
父容器content的position属性设置为relative,left的position属性设置为absolute,top:0 left 0

新手学习中:请问CSS中子容器相对于父容器该如何定位在中间偏上位置,感...
可以 父元素的position:relative,子元素的position:absolute;然后给子元素设置left和top调整位置。当然也可以用margin-top和 margin-left来调

(DIV+CSS)子容器内容长度超出父容器大小,如何使子容器长度自适应父容...
如果是高度,CSS不要设置高度即可。如果宽度的话,不设置宽度,默认为100%宽的

怎样使子div自适应父div的大小
1、可以在每个图表的setOption后添加window.addEventListener('resize', function () {myChart.resize();} 2、如果上述办法不行的话,你可以通过window.onresize = function() { ... }来进行调节。3、但是window.onresize = function() { ... }图表只能根据窗体的大小变化。4、[removed][removed] ...

CSS弹性布局,自动填充高度
在不固定高度的div元素自动填充整个页面高度时,可以通过以下CSS代码实现,确保children1、children2两个div在高度方向上撑满parentDiv容器。使用display:flex属性开启弹性布局。设置flex:1属性,确保子元素在弹性布局中占据相同的比例,实现自动填充。添加flex-direction:column属性,使布局在垂直方向上排列。最后...

css让高度百分比,height:100% 生效的3种方法
方法一 给从根的父容器到子容器的所有容器都设置好百分比高度信息 比如:[html] view plain copy 132 这样从根的Html开始,到字的div结束,全部都具有百分比高度,这样,就都能够获取到高度信息;方法二 给父容器设置具体的高度信息;比如直接写死在样式中,或者用javascript来设置;示例,用js使得到...

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制,比如你用$("#divLeft").css("height")来获取左边的高度,然后把这个值设给右边就可以实现实时变化了,因为我知道你这个forum的话是左边可能变化比较大,然后右边要随着左边的变化来适应,当然float也要设置为left;(此处要保证你的左div和右div的宽度之和...

css父容器高度100%的情况,align-items:center;是不是不起作用?
css父容器高度100%的情况,align-items:center;是不是不起作用? css父容器高度100%的情况,align-items:center;是不是不起作用?父容器一定要定高吗?... css父容器高度100%的情况,align-items:center;是不是不起作用?父容器一定要定高吗? 展开  我来答 为你推荐: 特别推荐 NASA公布照片后,全世界...

前端css html 怎么把父级高度限制死不会被子级撑起
需要外面套一个容器,定义这个容器的宽高,也是在这个容器里定义overflow:hidden。父容器里面就是你想设置的内容。子内容超出的部分会被父容器截断。这时候你就可以用transform进行左移了。

CSS如何操作height:100%;使其发挥作用
例如,如果一个p元素的CSS是height: 100px;,那它应该在页面的竖向空间里占满100px的高度。而跟W3C的规范,百分比的高度在设定时需要根据这个元素的父元素容器的高度。所以,如果你把一个p的高度设定为height: 50%;,而它的父元素的高度是100px,那么,这个p的高度应该是50px。那为什么 height:100%...

相似回答