css - 关于div自适应问题,大家看图吧,说不清

查看:56
本文介绍了css - 关于div自适应问题,大家看图吧,说不清的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

三个div属性分别为
div1 float:left width:100%
div2 float:left width:50% height:100%
div3 float:left width:50% height:100%

div2 内是有文字内容的将其撑开成如图所示

问题:div3 虽然设为高度 100% 但并为达到我想用的效果

理想效果:是 div3 会根据div1 高度 自动撑开

解决方案

https://jsfiddle.net/pnwz937z/2/

你是不是哪里弄错了

mdn 高度百分比解释

<percentage> 相对于元素的块容器高度。如果块容器的高度没有显式指定,计算值为 auto。 用在root 元素 (e.g. <html>) 上是相对于初始块容器(即显示器的尺寸)。

意思就是元素的容器高度未指定,使用百分百作单位的话,会变成auto。

这篇关于css - 关于div自适应问题,大家看图吧,说不清的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆