cssabsolute？css中absolute和relative的区别

一、css中absolute和relative的区别

absolute是绝对定位；而relative是相对定位；解释：绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而相对定位是相对于同级元素的定位，也就是上一个同级元素。区别区别是指两个或两个以上的事物间的不同,一般是在存在共同点的情况下说有"区别"，世间万物，不可能任何东西都是一样的，世上没有两片一样的叶子。当两种相似的事物作比较时，它们的不同点便是区别。

二、css怎么改变位置

1.

新建一个html文件,命名为test.html,用于讲解css怎么调整div的位置。

2.

在test.html文件内,使用div创建一个模块,下面将使用css调整该div的位置。

3.

在test.html文件内,给div添加一个class属性,用于下面设置css样式。

4.

在css标签中,通过class设置div的样式,定义其宽度和高度都为100px,背景颜色为红色。

5.

在css标签内,再使用position属性设置div的位置属性为绝对定位absolute,使用left属性设置其距离页面。

三、css哪些属性不能同时用

在CSS样式属性的使用中，有些属性是不能同时使用的。以下是一些常见的不能同时使用的CSS样式属性：

1.display和float：不能同时将一个元素设置为浮动（float）和块级元素（display:block或者display:flex）。

2.height和padding-top/padding-bottom：当一个元素具有固定高度（height），并且同时设置上下内边距（padding-top或者padding-bottom）时，可能会导致元素中的内容溢出。

3.font-size和line-height：当同时设置元素的字体大小（font-size）和行高（line-height）时，可能会导致文本显示不正常。

4.position和float：当一个元素同时具有浮动（float）和设置了绝对/固定定位（position:absolute或者position:fixed）时，可能会导致元素位置不正确。

5.margin和width：当一个元素的外边距（margin）和宽度（width）之和大于其父元素的宽度时，可能会导致元素溢出或者无法居中。

需要注意的是，虽然这些属性不能同时使用，但它们可以单独或与其他属性组合使用。在编写CSS样式时，需要谨慎选择属性并测试其效果。