css 中使用太多的position会有不好的影响吗?

在网页定位中,有时候回用margin和padding定位,但是好像没有position:absolute和position:relative;好用。但是之前有看到说是position用的太多会对网页有不好的影响,想问是这样吗?为什么会有不好的影响呢?

6个回答

position不会啊,就是一个定位,现在的话一般都会用 position:absolute; 相对定位。position一会保证元素在一个相对固定的位置。经常还会和z-index一块用的。
我的感觉的话,position 是在布局上比较重要的一个配置,只要理解这个东西,就不会觉得它会有不好的影响。
兄弟相信我,不是我吹牛,我对这些东西真的很精的 — —

qq_26566125
qq_26566125 position定位主要四种 静态定位,相对定位,绝对定位,固定定位,浏览器默认的就是静态定位,根据页面的html进行从上问下的解析,而相对定位则是相对与父元素进行定位,通常我们相对定位都会跟着绝对定位一起搭配使用,父元素进行绝对定位,子元素就相对定位,一般相对定位都是搭配绝对定位进行使用,如果没有父元素则会根据浏览器的进行为父窗口进行定位,这样就很可能会产生兼容行问题,而固定定位,则会脱离标准文档流,这中定位我们一般在做网页的广告,弹窗,等用的比较多,这种定位多次使用一般会和z-index进行联合使用,
3 年多之前 回复
qq_26566125
qq_26566125 position定位主要四种 静态定位,相对定位,绝对定位,固定定位,
3 年多之前 回复
huang931027
IAmObject 回复Dominic宝: ne???
3 年多之前 回复
m0_37937589
Dominic宝 你真ne
3 年多之前 回复
现在的浏览器兼容性都相对较好,所以个人认为没有所谓的好和不好只说,都是css中样式属性,当然物极必反,如果你个人使用了很多的相对或者绝对定位,很可能会使人混淆掉,导致排版或者布局出现错乱,但是如果你自己感觉使用起来比较方便,也比较清晰的话,可以使用的

position 在该用的地方用就好了, 用错地方 会乱

不太清楚,来个同问吧。。。。。。。。。。。。。。。

我是个初学者,但是position和margin我都是结合起来用的呀,position可以使元素脱离正常文档流,然后再用margin去进一步改变位置嘛

Browser compatibility
图片说明
图片说明

[1] Since Firefox 30, Gecko allows

, , and elements with a position: relative; style to act as absolute positioning containers. This means that a position: absolute; styled element inside the table can be positioned relative to these elements. In other browsers and in older versions of Firefox, setting position: relative; on a table row or row group has no effect. Firefox helps developers transition to the new behavior and detect any rendering issues it may cause on their sites by printing a warning to the JavaScript console if you use this feature: Relative positioning of table rows and row groups is now supported. This site may need to be updated because it may depend on this feature having no effect.

[2] In Firefox 26 to Firefox 31 (inclusive), sticky positioning only works when the about:config preference layout.css.sticky.enabled is set to true. From Firefox 27 to 31, true is the default value for Nightly and Aurora versions of the browser. The preference has been removed in Firefox 48.

[3] In Internet Explorer, fixed positioning doesn't work if the document is in quirks mode.

[4] Prior to Firefox 44, position: fixed didn't create a stacking context in most cases. The specification, and Gecko implementation, have been modified to mimic Chrome and Safari's long-time behavior.

[5] Sticky positioning is in preview for Edge.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐