前端技能练习:span 标签的width 和 height

本文探讨了span标签在前端开发中的特性,重点分析了span作为内联元素,其width和height属性的默认表现,帮助开发者了解如何在实际应用中处理span的尺寸问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

请阅读以下代码:
1
2
3
4
5
<div style="width:400px; height:200px;">
    <span style="float:left; width:auto; height:100%;">
      <i style="position:absolute;float:left; width:100px; height:50px;">hello</i>
    </span>
</div>

问题:span 标签的width 和 height 分别为多少?

width = 0px,height = 0px
width = 400px,height = 200px
width = 100px,height = 50px
width = 0px,height = 200px
span 是行内元素 原本width/height是无效的
float之后 脱离文档流的同时 也让他变为块级元素
设置width:auto 取决于撑开span的标签  而原本该撑开它的i标签也设置position:absolute 所以没有标签可以撑开span 
所以width 就是0
height:100%则是继承 div的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值