前端一道笔试题目

<div style="width: 300px;height: 400px;">  <span style="float: left;width: auto;height: 100%;background-color: red" id="test">  <i style="position: absolute;float: left;width: 200px;height: 100px;"></i>  </span> </div>
上面span的宽度和高度分别是多少?
有没有人可以讲解一下?


#美团##前端工程师#
全部评论
啊说说我自己的看法(可能不一定对) 首先span是一个不可替换的内联元素,按理说不可设置高宽,但是float之后会让他变成一个块级元素,所以就有了高宽。 再者:auto是根据包裹元素的大小决定,但是i标签已经absolute脱离文本流了,所以没撑开父元素。所以span高度是0; 宽100%根据父元素指定宽度来定,400; 以上有不对的地方(包括用词不严谨什么的)欢迎指正。 以及楼主竟然记得题目好厉害,有道题是说call改变上下文console.log第二个参数是this 的题,输出貌似是选window吧,记不太清?如果楼主记得题目的话可以发我一下吗?
点赞 回复 分享
发布于 2016-09-10 14:18
width是0,因为position: absolute;会使得元素脱离文档流,造成父元素塌陷; height是400px,因为height: 100%,相对于父元素的高度进行设置,父元素div的height是400px
点赞 回复 分享
发布于 2016-09-10 14:16

相关推荐

10-30 19:23
已编辑
山东大学(威海) C++
牛至超人:其实简历是不需要事无巨细的写的,让对方知道你有这段经历就行了,最重要的是面试的时候讲细讲明白
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务