如何保障页面缩放的时候div位置不变?

时间:2021-01-02 18:34:18
 比如一个header,左边有logo,右边有一些内容,中间是导航条,我把左边和右边都设成是float的,下面模块添加的多了以后,下面的containner和header不好定位,如何在添加其他的内容时保持之前的东西位置不变,不会错位?

4 个解决方案

#1


看了楼主的表述,不是很明白,“下面模块添加的多了以后,下面的containner和header不好定位”,是什么意思?

#2


body用居中,给个大的box来包含全部元素(如DIV),设置box的长度,就能实现float下不变位。
不过楼主真的有点表述不清,假如是错位的话,是因为下面没有清除浮动,假如想要更加好的定位,而不用清除浮动的话,建议使用display,还有position定位(这个难把握,不过非常好用)。
希望楼主能贴上代码。

#3


这个要想不错位,那必须保证的是,页面最小的时候,也要把这些的元素显示完全,可以是包含在一个比较大的标签中,设置这个标签在页面中的,位置即可,可以根据页面的大小来定位显示,比如距离左侧是页面长度的1/2。高度也是如此

#4


给个大的div把所有的都包起来,这样影响里面div的缩放吗?要做到里面div可以自适应高度宽度。

#1


看了楼主的表述,不是很明白,“下面模块添加的多了以后,下面的containner和header不好定位”,是什么意思?

#2


body用居中,给个大的box来包含全部元素(如DIV),设置box的长度,就能实现float下不变位。
不过楼主真的有点表述不清,假如是错位的话,是因为下面没有清除浮动,假如想要更加好的定位,而不用清除浮动的话,建议使用display,还有position定位(这个难把握,不过非常好用)。
希望楼主能贴上代码。

#3


这个要想不错位,那必须保证的是,页面最小的时候,也要把这些的元素显示完全,可以是包含在一个比较大的标签中,设置这个标签在页面中的,位置即可,可以根据页面的大小来定位显示,比如距离左侧是页面长度的1/2。高度也是如此

#4


给个大的div把所有的都包起来,这样影响里面div的缩放吗?要做到里面div可以自适应高度宽度。