html position的学习

163 阅读1分钟

float: 子元素设置了float属性之后,要记得及时在父元素做清除浮动的操作 { clear;both; overflow:hidden; } 伪类:( 1.只是作为UI展现,和正常的样式显示是一样的,但是不能够被选中和添加事件是UI展示的时候插入的标签 2.必须写上content属性 ) E:before{ content:"hellow"; } E:after{ content:"hellow"; } 会在E前边多出一个"hellow"

float的效果对块级元素进行了覆盖,对内联元素比如说文字则是进行了文字环绕的 效果

position:absolute 它的绝对定位是相对于非position:static的父容器来定位(默认情况下都是position:static),然后再来设置距离的属性值 position:fixed 这个定位其实也算是绝对定位,但是这个position的属性是相对与视窗来定位的,也就是相对于浏览器窗口,而absolute是相对父元素position属性为非static来定位的。

position:relative 是相对于自身相对应该出现的位置来做移动的,它会浮起来(就相当于在其他元素的表面一层)他不影响周围的元素的位置,可以用(z-index这个属性来改变他的层次关系)