i_will_be
i_will_be
2017-07-21 06:20
采纳率: 0%
浏览 3.0k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • q975583865
    一点寒芒先至 2017-07-21 06:22

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

    点赞 评论
  • huang931027
    IAmObject 2017-07-21 06:38

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

    点赞 评论
  • u012743772
    C恒一 2017-07-21 06:38

    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.

    点赞 评论
  • u014074697
    张大教主 2017-07-21 06:51
    现在的浏览器兼容性都相对较好,所以个人认为没有所谓的好和不好只说,都是css中样式属性,当然物极必反,如果你个人使用了很多的相对或者绝对定位,很可能会使人混淆掉,导致排版或者布局出现错乱,但是如果你自己感觉使用起来比较方便,也比较清晰的话,可以使用的
    
    点赞 评论
  • sysu_Mid
    很可爱的Mid 2017-07-21 06:57

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

    点赞 评论
  • q34323201
    郑禄 2017-07-21 08:58

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

    点赞 评论

相关推荐