CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 使用位置:绝对的所有四个定位参数 – 这是可以接受的吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我提供了这个提供叠加CSS的想法,作为 another question的答案.我过去没想过使用这种语法,但我想不出任何可能与使用它有关的问题.

据我所知,这是有效的 – 如果可以接受,我认为它提供了一种创新的解决方案 – 但我不认为它经常被使用.

有人可以向我解释为什么它可能会很糟糕吗?

.ui-widget-overlay { 
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  BACkground-color: #444;

  /* add some opacity here */
}

解决方法

分支是基于 spec的非替换元素(div是未替换元素):

(由于所有3个属性都不是自动的,因此不满足上述条件)

(因为宽度是自动的,不符合上述条件)

(符合上述条件)

所以我们留下了这6个:

>’left’和’width’是’auto’而’right’不是’auto’,那么宽度是缩小到适合的.然后解决’左’
>’left’和’right’是’auto’而’width’不是’auto’,那么如果构建静态位置包含块的元素的’direction’属性为’ltr’,则将’left’设置为静态位置,否则设置为“正确”到静态位置.然后解决’左'(如果’方向是’rtl’)或’右'(如果’方向’是’ltr’).
>’width’和’right’是’auto’而’left’不是’auto’,然后宽度缩小到适合.然后解决’正确’
>’left’是’auto’,’width’和’right’不是’auto’,然后解决’left’
>’width’是’auto’,’left’和’right’不是’auto’,然后求’width’
>’右’是’自动’,’左’和’宽度’不是’自动’,然后求’右’

基于上面的元素,该元素的宽度是自动的,所以如果你指定左边和右边它解决宽度,所以它应该是有效的.

因此,然它根据CSS2.1 / CSS3规范完全有效,但它无法在IE6中工作.它适用于IE7,IE8,Firefox 3和Chrome.

大佬总结

以上是大佬教程为你收集整理的css – 使用位置:绝对的所有四个定位参数 – 这是可以接受的吗?全部内容,希望文章能够帮你解决css – 使用位置:绝对的所有四个定位参数 – 这是可以接受的吗?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。