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

关于浮动的问题

在设置logo_left左浮动且并没有对logo_right进行任何设置的时候,logo_left由于设置了浮动,应该已经脱离标准文档流,从而挡住了logo_right中的内容,但是这里logo_right中的内容并没有被挡住,而是靠在logo_left的右端,为什么呢?

正在回答

4 回答

直接写float:left,是相对定位,而logo_left实际上虽然脱离了文档流,跑到当前位置的上一层;但实际上还占据着那块位置。而logo_right因为没有设置float浮动,自动向左向上到logo_left的边缘位置停下。

0 回复 有任何疑惑可以回复我~

我试了试,如果把logo_left中的图片删除了,logo_left也设置了宽度、高度和背景,然后logo_right不设置浮动,这时logo_right的内容就会在logo_left的位置了,而不是在logo_left的右边,我不太明白为什么,难道是因为图片占了位置,所以才有题主的问题吗?

0 回复 有任何疑惑可以回复我~

你说的应该是绝对定位absolute,而实际上直接写float:left并没有那个效果。

0 回复 有任何疑惑可以回复我~

你把.logo_left{width: 200px; float: left;} 里面的宽度改小,或者直接改成1px,就会发现logo还在原来的位置,而logo_right已经跑到原来logo_left的位置了。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
企业网站综合布局实战
  • 参与学习       157018    人
  • 解答问题       1984    个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

关于浮动的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信