css中如何继承父元素的高度？
<div>
<div style="float:left"></div>
<div style="float:right"></div>
</div>
最外面的div的高度使自动撑开的，当右边div为500px时，父元素的高度就为500px，我想要的是左边的div也自动变为父元素的高度
一、布局HTML：布局就是将整体的框架给搭建起来，让用户知道你的布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>继承父亲的高度</title>
</head>
<body>
<div class="father">
<div class="son"></div>
</div>
</body>
</html>
二、css中如何继承父元素的高度：（1）添加CSS样式，父级盒子的高度要明确是多少，子级盒子的高度可以直接写成100%，那这样就直接继承了父级盒子的高度。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>继承父亲的高度</title>
<style type="text/css">
.father {
width: 200px;
height: 200px;
background-color: orange;
}
.son {
width: 100px;
/*height: 20px;*/
height: 100%;
background-color: teal;
}
</style>
</head>
<body>
<div class="father">
<div class="son"></div>
</div>
</body>
</html>
在开发工具里面的代码截图：
三、未添加样式的在浏览器渲染的截图：
四、添加了样式的在浏览器里面的渲染的截图：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.f{
position:relative;
}
.fl{
width:50%;
height:800px;
background:#000;
}
.fr{
position:absolute;
left:50%;
top:0px;
bottom:0px;
right:0;
height:100%;
background:red;
}
</style>
<body>
<div class="f">
<div class="fl"></div>
<div class="fr"></div>
</div>
</div>
</body>
</html>本回答被提问者和网友采纳
右边的div的高度也是随内容撑开的，所以父元素的告诉也是不能定死的
<style>
.box{ display:-webkit-box; border:#CCC solid 1px;}
.box div{ -webkit-box-flex:1;}
.left{ background:#ddd;}
.right{ background:#eee; height:100px;}
</style>
<div class="box">
<div class="left">1</div>
<div class="right">2</div>
</div>
用JS来改倒是可以 设置父div.width = 右div.width = 左div.width追问
用了float，可以清除浮动啊 。。。。。
CSS揭秘之控制继承:height能变为可继承吗?
1.开启继承height在CSS原生上不可继承属性，子元素不会继承父元素的height，但是这种现状是可以改变的，当子孙元素的height设置为inherit，该子孙元素就会的height值就会取其父元素的height值，就像是子元素继承了父元素的高度。如果你希望子元素的高度一直保持和父元素一直，那么设置子元素的height为inherit，...
编一程序.说明 CSS 中设置行高的方法?
.example { line-height: 1.5; \/* 使用数值设置行高 *\/}.example { line-height: 20px; \/* 使用像素值设置行高 *\/}.example { line-height: 150%; \/* 使用百分比设置行高 *\/}继承父元素的行高：如果没有为元素显式设置行高，它将继承其父元素的行高。使用单位 em：可以使用...
css中款高为什么没有继承?
css中的所有元素高度由内容决定，不走继承。DOM根对象为document。中文意思就是文档。就像你写作文，开始动笔，压根不知道自己能写多少行内容，所以高度不确定。高度不控制的应用主要是网站。但是如果做web应用，一般会进行元素的高度宽度控制。那么如果想给所有元素进行高度控制。并默认继承父元素的所有高度...
di+css中:height:100%和固定高度有什么区别?
当父元素设定了高度时，子元素的height:100%将继承父元素的高度，固定高度顾名思义就是设定多高就是多高
div css 子DIV 可以继承父元素哪些属性
这个属性；如果外面的DIV 有设置 color 或者 font-size 里面的DIV就会继承父DIV属性！总之 DIV 的继承关系 你用的多了以后 就自然会了解的！width 这个属性不会有很多继承，非要说有继承关系的话 那就是 在设置 里面的DIV的 百分比的时候 会继承父DIV的属性， 直接给DIV设宽度 就没继承！
css中 html,body{height:100%;} 是什么意思
前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度，而不是100%。解决方法：只要为html和body设置高度为100%就可以了html,body{height:100%;}这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么...
CSS中height:100%和height:inherit的异同 00 张鑫旭
height:100%;是占父级元素高度的100%;height:inherit;是继承父级元素的高度设置；同:都和父级元素有关系；异:设置100%时自己和父级元素的高度是相同的；设置inherit值时，自己和父级元素值有可能是不同的！比如父级是20%，父级相对于祖父级是20%.那自己也是20%，自己是相对于父级的20%;
CSS中height:100%和height:inherit的异同 00 张鑫旭
一般情况是正常的。但是如果子元素为绝对定位元素（absolute）的时候：*height:100%，因为绝对定位了，会向上一直寻找非静态Position元素来做标准*height:inherit，依然使用父级来做标准（inherit：规定应该从父元素继承height属性的值。）
CSS flex 布局,头部和底部固定,中间出现滚动条
中间组件的高度设置为100%，这一设置参照父元素的高度，自动扣除头部和底部的高度，确保中间部分始终占据剩余空间。对于中间组件，若内容较多，导致高度超出可用空间，可以通过设置overflow属性为auto来实现滚动条功能，从而保证内容的展示。总结上述步骤，使用CSS flex布局可以有效地实现头部和底部固定，中间部分...
CSS 子元素宽度变宽时,如何撑开父元素?
1、父级版元素宽度不固定，父级元素设置为inline-block或者添加float；2、对父级元素使用min-width，这样只限制了最小的宽度，如果子元素变宽，父级同样会变宽。3、首先父类元素必须不是相对定位，如果是相对定位宽度就会默认为百分百。所以必须是绝对定位或者fixed。其实设置了这一步，父类的div已经...
