首页 新闻 会员 周边

Span宽高是多少问题

0
悬赏园豆:10 [待解决问题]
 <div style="width: 400px;height: 200px;background:red;">
<span style="float: left;width: auto;height: 100%;background:white;">
<i style="position: absolute;float: left;width: 100px;height: 50px;">hello</i>
</span>
</div>

问题:

为什么吧i里面的position: absolute; ,加上后,span的宽度就变成了0,

去掉后,宽度是100

求解。

css
ruanmou的主页 ruanmou | 初学一级 | 园豆:5
提问于:2017-03-09 15:36
< >
分享
所有回答(5)
0

position: absolute;绝对定位,会脱离文档流吧,使用后span里都没有元素来撑起它了怎么可能还有宽度。

如果想让span看起来有宽高,那么通过display:inline-block/block;把它变成块或者行内块元素吧。然后设置width属性。

名字不好起啊 | 园豆:401 (菜鸟二级) | 2017-03-09 15:55
0

建议了解下position 的relative和absolute区别

Ctrl` | 园豆:3317 (老鸟四级) | 2017-03-09 16:06
0

你这都定位了,还怎么弄

大黄人 | 园豆:641 (小虾三级) | 2017-03-09 16:20
0

position absolute 会使得元素脱离文档流,不占用父级的宽高,另外,absolute后float是不生效的。

Star~Star | 园豆:202 (菜鸟二级) | 2017-03-15 11:26
0

span行内元素  不管是浮动还是定位  首先要设置display:block

dongxiaolei | 园豆:236 (菜鸟二级) | 2017-03-20 14:09
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册