css中如何继承父元素的高度?

2025-01-05 12:59:57
推荐回答(5个)
回答1:

一、布局HTML:布局就是将整体的框架给搭建起来,让用户知道你的布局





继承父亲的高度







二、css中如何继承父元素的高度:(1)添加CSS样式,父级盒子的高度要明确是多少,子级盒子的高度可以直接写成100%,那这样就直接继承了父级盒子的高度。





继承父亲的高度

.father {
width: 200px;
height: 200px;
background-color: orange;
}
.son {
width: 100px;
/*height: 20px;*/
height: 100%;
background-color: teal;
}








在开发工具里面的代码截图:

三、未添加样式的在浏览器渲染的截图:

四、添加了样式的在浏览器里面的渲染的截图:

回答2:




    
    Document


    
    
        

        

    



回答3:

将父类的div的高度设置成500px

回答4:

方法很多种,看应用场景和设备情况,列如:绝对定位、css3伸缩盒子模型,js判断高度。我习惯用css3做,但是古老浏览器得用js


1

2

回答5:

float了还怎么撑开...

用JS来改倒是可以 设置父div.width = 右div.width = 左div.width

相关问答
最新问答