<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
求解。
position: absolute;绝对定位,会脱离文档流吧,使用后span里都没有元素来撑起它了怎么可能还有宽度。
如果想让span看起来有宽高,那么通过display:inline-block/block;把它变成块或者行内块元素吧。然后设置width属性。
建议了解下position 的relative和absolute区别
你这都定位了,还怎么弄
position absolute 会使得元素脱离文档流,不占用父级的宽高,另外,absolute后float是不生效的。
span行内元素 不管是浮动还是定位 首先要设置display:block