笔记总结

去除up li前面的小黑点,需要设置ul li为  :list-style: none;

static定位存在与否无影响,是静态定位,不受top等元素等影响。

fixed是固定位置

相对定位会按照元素的原始位置对该元素进行移动。

样式 "left:-20px" 从元素的原始左侧位置减去 20 像素。

样式 "left:20px" 向元素的原始左侧位置增加 20 像素。

移动相对定位元素,但它原本所占的空间不会改变。

即使相对定位元素移动到了某个位置,那个位置原来的元素依然存在,例如:

absolute 定位使元素的位置与文档流无关,因此不占据空间。

absolute 定位的元素和其他元素重叠,绝对定位元素移动到了某个位置,会与那个位置原来的元素重叠。

绝对定位元素相对的元素是它最近的一个父类,这个父类必须设置position的值为:relative、absolute、fixed。若没有这样的父类则绝对定位元素相对于body/浏览器进行定位,偏移值由其top、bottom、left、right值确定。

  而绝对定位的元素若超出其父类元素的边界,要想将溢出的部分隐藏,则,想隐藏在哪个父类中,该祖先必须同时设置position:relative/absolute/fixed和overflow:hidden的值。

用absolute定位时,要把其上一级的元素样式属性position设置为relative。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容