当前位置: 首页 > Web前端 > CSS

虽然不是css3,但是寿命却比不上他

时间:2023-03-31 12:44:29 CSS

这是一个严肃而严肃的话题。作为公司的h5,不说其他知识,至少我的CSS样式是要过关的。然而,今天话题最多,显然我不够格。我打了一个不合格的标签,引入了话题。由于背景数据的变化,但是我的风格并没有做出那么多的判断。因此,我的问题来了,我需要做出改变,所以我做了如下改变{position:absolute;顶部:0;右:0;底部:0;left:0;}以上是我解决样式绝对定位后居中问题的方法。但是根据UI设计,目前的DIV模块并没有要求填满整个屏幕,可见上述方法使用的环境是在不需要宽高的情况下,目前的方法比较适合{位置:绝对;顶部:50%;左:50%;transform:translate(-50%,-50%);}以上用法解决了我的需求问题。可以看出,他可以将元素转换成inline-block内联块级元素。同样,他也不需要知道元素的大小,但是兼容性不是很好{width:100px;高度:200px;位置:绝对;顶部:50%;左:50%;边距顶部:-100px;margin-left:-50px;}上面这个方法其实是最古老的方法,因为他有各种不完善的地方,会一一替换,因为这个方法必须知道元素的大小,否则只能用js获取,这不是我们的初衷,所以,transform的方法,好了,position定位后的居中说完了,该说relative和absolute了。老大今天说的话着实让我吃惊。原来自己一直都是用书本上的知识,并没有充分的展开,更别说仔细研究了。我认为对风格没有太多要求。不要一直重复代码。这很好,但显然不是这样的。CSS既然是美化页面,就应该遵循页面的标准流程,而我没有注意到这些图LRposition-->relativerelative-->absolute以上是我一直使用absolute的方式,就是使用position:relative使用绝对ute,至于为什么我不明白,只是老师在课堂上这么说,所以我做了relativeabsolute相对定位,遵循父元素的绝对定位,以整个网页为坐标系来调整相对于其他元素。位置,但位置仍然在文本流之外,位置不再存在。它总是相对于最近的父元素定位,而不管其父元素的定位方法如何。引用是位置值设置为相对或绝对的最近元素。对于定位,正如老师所说,为什么父元素要用relative,而子元素可以用absolute呢?在设置父元素的position属性时,设置为static(其实默认值是static),子元素会像第一种情况一样是Position;如果父元素的position属性设置为absolute,那么父元素原有的布局就会被破坏,父元素会以父元素的父元素为参考,并根据top等取值;只有当父元素的position设置为relative时,父元素的布局才不会被破坏,子元素会参考父元素的左上角,通过属性值定位子元素比如顶