为了账号安全,请及时绑定邮箱和手机立即绑定

为什么div中的元素看着没有和span中的元素在一行,明明对div设置成浮动型的了。

为什么div中的元素看着没有和span中的元素在一行,明明对div设置成浮动型的了。

慕田峪0816849 2016-07-31 22:16:58
查看完整描述

5 回答

?
ahao430

TA贡献35条经验 获得超41个赞

首先,元素浮动后,脱离文档流,但还是会占据空间,对兄弟元素造成影响。因此span不会因为p脱离文档流就跑到最左边,这跟position:absolute的脱离文档流效果是不同的。

其次,浏览器默认是带有样式的。一般写页面都会进行css reset清除默认样式影响。这里加一句p{margin:0;}即可。

//img1.sycdn.imooc.com//579e33c1000125f302320106.jpg//img1.sycdn.imooc.com//579e33d9000161d602280075.jpg

查看完整回答
3 反对 回复 2016-08-01
  • 慕田峪0816849
    慕田峪0816849
    是因为浏览器的,默认样式才造成元素浮动后占据空间吗
  • 慕田峪0816849
    慕田峪0816849
    您用的什么软件写html
  • ahao430
    ahao430
    嗯。浏览器默认对很多元素都会设置样式。软件就用的sublime,这里截图是在浏览器F12控制台选中元素。
?
起名咋这么费劲呢

TA贡献39条经验 获得超10个赞

要顺序输出 还的给span设置浮动和块元素 p标签+margin:0; 

查看完整回答
反对 回复 2016-08-01
?
远方的心依然在跳动

TA贡献1条经验 获得超0个赞

懵懂,这种问题感觉没有头绪,求原理

查看完整回答
反对 回复 2016-08-01
?
a5320228

TA贡献6条经验 获得超1个赞

firebug看看什么情况

查看完整回答
反对 回复 2016-07-31
  • 5 回答
  • 1 关注
  • 2890 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信