关于定位的特殊情况

上期介绍了三种定位方式,也留了一个结尾,

那么这期就来讲一下特殊情况以及解决方法

 

首先,在设置了margin:0 auto的情况下如何在设置position

要知道,div即使是在设置了margin:0 auto的情况下也是可以用position定位的,

只不过可以用的是相对 (relative) ,而非绝对 (absolute) ,

若是div有父级,但没有给父级设置position:relative的话,

div本身就可以用相对,之后再设置调试top的值就可以了

 

其次,float与position的搭配使用

在明确div的位置,设置了float的情况下,再设置position后,

这个时候如果想要再取消float的设置的话,会产生意想不到的效果

然而这种效果并不是我们想要的,

那么就只能放弃取消,接着使用position

可以直接使用position:relative并设置上下左右的值

 

以上

posted @ 2021-12-23 10:01  宋啊宋  阅读(58)  评论(0)    收藏  举报