css中的定位属性和方法

最新推荐文章于 2024-09-24 11:41:48 发布

Gypsophila 、

最新推荐文章于 2024-09-24 11:41:48 发布

阅读量116

点赞数 1

文章标签： css 定位

本文链接：https://blog.csdn.net/O_326326/article/details/108717387

版权

# 定位
1.静态定位：
    HTML元素的默认值即没有定位，遵循正常的文档流对象，静态定位的元素不会受到top，bottom，left
    right的影响
    position：static；
2.固定定位：fixed定位在IE7和IE8下需要描述 !DOCTYPE 才支持
					fixed定位使元素的位置与文档流无关，因此不占据空间
					fixed定位的元素和其他元素重叠
	position：fixed；
3.相对定位：相对定位元素的定位是相对其正常位置，移动相对定位元素，但它原来所占空间不会改变
	position：relative；
4.绝对定位：
	绝对定位的元素位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>
	absolute定位使元素的位置与文档流无关，因此不占据空间
	absolute定位的元素和其他元素重叠
	position：absolute；
5.粘性定位：position：sticky；
6.overflow：
		visited默认值，内容不会被修剪，会呈现在元素框之外
		hidden：内容会被修剪并且其余内容是不可见的
		scroll：内容会被修剪但是浏览器会显示滚动条，以便查看其余的内容
		auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容