houlala1的博客

一、行布局1.行布局自适应width：100%2.行布局自适应限制最大宽max-width:1000px3.居中3.1 margin:0 auto3.2 posiition:absolute top:50% left:50% margin-top:-自身高度像素的一半 margin-left: -自身宽度像素的一半4.行布局固定宽5.行布局某部位自适应6.行布局导航随屏幕滚动7.两列布局固定8.两列布局自适应9.三列布局固定10.三列布局自适应...

一、float属性介绍1.普通流介绍css定位机制：普通流、浮动、绝对定位普通流：元素默认从左往右从上往下的排列。块元素：独占一行，可以设置宽高，如果不设置宽度、宽度默认为容器的100%，div p h1-h6 ul ol li dl dt dd行内元素：与其他元素同行显示，不可以设置宽、高，宽度就是文字和图片的高度，span a b i u em2.浮动的基础知识会使元素从左往右移动，只能左右，不能上下。浮动元素碰到包含框或另一个浮动框、浮动停止。浮动元素之后的元素将围绕他，之前的不受影

一、position属性1.position-static静态定位、常规定位、自然定位作用：使元素定位于常规、自然流中（块、行垂直排列下去、行内水平从左到右）特点：忽略top bottom left right 或者 z-index 声明。两个相邻的元素如果都设置了外边距，那么最终外边距等于两者外边距中最大的。具有固定width和height值的元素，如果把左右外边距设置为auto,则左右外边距会自动扩大占满剩余宽度。造成的效果就是这个块水平居中2.position-relative相对