css撑满父元素空间,

1.使用浮动的方式

　　效果图：

　　代码如下：(注意，此时，的高度。content是500px，也就是父元素的高度，但是浮动元素在上面。内容，涵盖了。内容。更改的背景样式。导航到背景色：rgba (0，0，0.1)；可观察到的效果)

　　！type dochtmlhtmlhtmlheadmeta charset= utf-8 /title被父容器/title/head style . parent { height:500 px；宽度：300px边框：1px纯红；/* * */padding:2px 2px；/***/}.nav { height:100p x；宽度：100%；/*必须覆盖宽度以防浮动*/float:left；/*必须*/背景色：红色；}.内容{身高：100%；/* Must */背景色：绿色；}/stylebodydiv class= parent div class= nav 固定高度/divdiv class=content 自适应父容器，充满剩余空间/div/div/body/html

2.使用定位

　　代码如下：(推荐使用此方法，没有上述方法的缺点)

　　！type dochtmlhtmlhtmlheadmeta charset= utf-8 /title被父容器/title/head style . parent { position:relative；高度：500px宽度：300px边框：1px纯红；/* * */padding:2px 2px；/***/}.nav { height:100p x；宽度：100%；背景色：红色；}.内容{位置：绝对；top:100px；底部：0px背景色：绿色；宽度：100%；}/stylebodydiv class= parent div class= nav 固定高度/divdiv class=content 自适应父容器，充满剩余空间/div/div/body/html就是这样。本文介绍了CSS使子元素div的高度填充父容器剩余空间的方法。更多相关的CSS子元素div高度填充剩余的空间。请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。