当前位置:Gxlcms > html代码 > 如何实现:上面的div根据内容自动高度,下面的div自动铺满剩余高度_html/css_WEB-ITnose

如何实现:上面的div根据内容自动高度,下面的div自动铺满剩余高度_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:155人阅读

有没有纯粹div+css的方式实现上下两个div满足:上面的div根据内容自动高度,下面的div自动铺满剩余高度


回复讨论(解决方案)

我也想知道,等高手作答!

CSS3中的弹性盒模型可以纯粹使用div+css实现你要的效果。如:

			Temp Web Page								
When you come to the end of a perfect day. It can only mean a tired heart, and the dear friends have to part.


目前支持的浏览器有IE10和较新版本的FireFox、Chrome等。



没明白。这个剩余的高度是相对哪个来说的呢?上下的两个div是兄弟元素节点关系吗?

没明白。这个剩余的高度是相对哪个来说的呢?上下的两个div是兄弟元素节点关系吗?

剩余高度是相对父容器而言;
是兄弟节点关系;

直接将width和hight设置成100%,不就可以了吗?

人气教程排行