关于float和position在页面缩放时候的影响

老师好，在做作业的时候我发现，用了position和float的时候，当本页面100%显示的时候都一切ok。但是当页面缩放，好像就出现各种错位。float的错位有时候用overflow:hidden或者clear:both可以解决，但是有时候却不行。position对缩放页面的影响感觉一直都有，好像是用min-height和min-width来解决，但我不清楚咋用，原理是什么也不清楚。

慕雪9296518 2020-02-28

源自：项目：网页布局案例 2-10 作业题

15

收起

2回答

好帮手慕星星 2020-02-29 17:30:28

同学你好，作业会按照时间顺序进行依次批复，并给出详细建议文档，请耐心等待哦。

祝学习愉快！

好帮手慕星星 2020-02-28 19:07:26

同学你好，问题解答如下：

1、浮动：页面缩小可能出现元素换行，内容超出等问题。

2、定位：如果相对于一个固定宽度的祖先元素进行定位，页面缩小应该是没有问题的，因为祖先元素宽度不会改变。如果是相对于页面进行定位的，因为每个显示器的分辨率不同，宽度也会不同，所以定位位置会有问题。

3、目前能够在100%页面下显示即可，在后面阶段中会讲解响应式布局。

祝学习愉快！

提问者慕雪9296518 #1

好的，但是前一个问题就是用清除浮动的方式解决页面缩小内容超出的问题。我在作业中用了几种方式清除浮动，内容在页面变化时依旧超出。具体位置我在作业的css部分标出来了，在项目：页面布局案例的作业中。还希望老师快点批改指正错误。

2020-02-29 15:05:02

相似问题

怎么设置浏览器，让他缩放页面时同步显示？

完成缩放手势

关于缩放比

当缩放页面时，页脚和内容有较大的空白，怎么消除呢

怎样设置才能放大和缩小都不影响布局？

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载