HTML中元素的高和宽到底是由谁来决定的,这个该怎么看

当元素没有脱离文档流时,也没有设置宽和高时,给元素设置relative,该元素并没有脱离文档流

此时,行内元素宽和高由其自身决定,块元素的高由其父元素(包含块决定),高由其子元素来决定(是其子元素,而不是后代元素,当然,其子元素的高是由其后代元素决定的话,这个给人的错觉是,貌似该元素的高是由其后代元素决定的,但是,其实不是,准确来说是由其子元素来决定的),更准确的来说是,该元素的高是由其未脱离文档流的子元素的高来决定的,因为,当该元素的子元素脱离了文档流后,就会使得该元素(未脱离文档流)发生高度塌陷问题

因此,对高度塌陷的完全正确的理解有两点:第一:父元素(A)未脱离文档流,并且没有设置高度(高度本来由其子元素B(本来未脱离文档流)的高度决定) 第二:当元素B脱离文档流之后,使得未脱离文档流的元素A的高度发生塌陷

当元素脱离文档流时,此时分两种情况

1. 浮动原因引起的:

1. 定位原因引起的:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值