关于浮动的问题
来源：3-3 企业网站制作之页面头部制作（二）
慕粉3787847
2017-03-27 18:11
在设置logo_left左浮动且并没有对logo_right进行任何设置的时候，logo_left由于设置了浮动，应该已经脱离标准文档流，从而挡住了logo_right中的内容，但是这里logo_right中的内容并没有被挡住，而是靠在logo_left的右端，为什么呢？
写回答
关注
4回答
-
- 光影彼岸
- 2017-03-27 22:00:23
直接写float:left，是相对定位，而logo_left实际上虽然脱离了文档流，跑到当前位置的上一层；但实际上还占据着那块位置。而logo_right因为没有设置float浮动，自动向左向上到logo_left的边缘位置停下。
-
- 慕沐900688
- 2017-08-11 20:29:27
我试了试，如果把logo_left中的图片删除了，logo_left也设置了宽度、高度和背景，然后logo_right不设置浮动，这时logo_right的内容就会在logo_left的位置了，而不是在logo_left的右边，我不太明白为什么，难道是因为图片占了位置，所以才有题主的问题吗？
-
- 光影彼岸
- 2017-03-27 21:36:34
你说的应该是绝对定位absolute，而实际上直接写float:left并没有那个效果。
-
- 光影彼岸
- 2017-03-27 21:09:15
你把.logo_left{width: 200px; float: left;} 里面的宽度改小，或者直接改成1px，就会发现logo还在原来的位置，而logo_right已经跑到原来logo_left的位置了。
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157043 学习 · 1984 问题
相似问题