-
margin 设置3个属性值的时候 分别带变 上，（左,右 ），下查看全部
-
CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
课程总结： 1、CSS中的3种定位机制： ①标准文档流（Normal flow） ②浮动（Floats） ③绝对定位（Absolute positioning） 2、自动居中一列布局： 通过设置wrap包裹层： #wrap{width:770px;margin:0 auto;} <div id="wrap"></div> 注：①块级元素的宽度width默认为100%，所以要自己设置一个固定宽度 ②设置margin的左右为auto（auto会根据浏览器宽度自动居中）这时不要再设置浮动或绝对定位 ③其子元素一般宽度设置为100%：#header{width:100%;}来继承父层的宽度 3、横向多列布局（浮动布局）： 通过设置float属性（left、right、none）和margin属性： ①当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化 ②当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素 清除浮动的方法： ①clear属性：clear:both;或clear:left;或clear:right; ②设置width:100%（或固定宽度）+overflow:hidden; ③对段落用clear，不建议用空标签<br /> ④当父包含块缩成一条时，用clear:both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动 注：div块的高度一般不需要设置 4、横向多列布局（绝对定位布局）： 使用position属性（relation、absolute、fixed）： ①当元素没有设置宽度值，而设置了绝对定位，元素的宽度随内容的变化而变化 ②设置了偏移量时，无已定位祖先元素，以<html>为偏移参照基准（即浏览器） ③设置了偏移量时，有已定位祖先元素（不能是静态定位），以距其最近的已定位祖先元素为偏移参照基准 ④使用absolute实现横向两列布局，常用于一列固定宽度，另一列宽度自适应的情况 主要技能： ①relative——父元素相对定位 ②absolute——自适应宽度元素绝对定位 注：固定宽度列的高度>自适应宽度的列查看全部
-
你如果直接设置margin-top：0px 此时因为content处在sidebar下面 所以这句代码的意思是content的上界和sidebar保持0px的距离 但是设置top：0px的意思是在绝对定位中content相对于其父元素mainbody的上界保持0px的距离 那么此时自然就紧贴于mainbody的顶部了 总而言之 设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素查看全部
-
10、绝对定位： ①建立了已包含块为基准的定位 ②完全脱离了标准文档流 ③随即拥有偏移属性和z-index属性 未设置偏移量： ①无论是否存在已定位祖先元素，都保持在元素初始位置 ②脱离了标准文档流 设置偏移量： ①偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准（即浏览器） 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准 注：当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节。查看全部
-
9、相对定位： ①相对于自身原有位置进行偏移 ②仍处于标准文档流中 ③随即拥有偏移属性和z-index属性查看全部
-
8、绝对定位布局：（实现横向多列布局和较为复杂的定位） 使用position属性： ①3种定位形式：静态定位、相对定位、绝对定位 ②4个属性值：static、relation、absolute、fixed（固定定位）查看全部
-
对于父元素的浮动影响清除就是：width:100%;overflow:hidden; 对于自己紧邻的浮动影响清除就是：clear：both;查看全部
-
7、横向两列布局： float属性——使纵向排列的块级元素，横向排列 margin属性——设置两列之间的间距 ①当父包含块缩成一条时，用clear:both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动 ②div块的高度一般不需要设置查看全部
-
6、清除浮动的方法：(对受到浮动影响的元素进行设置） ①clear属性：clear:both;或clear:left;或clear:right; ②设置width:100%（或固定宽度）+overflow:hidden; 对段落用clear，不建议用空标签<br />查看全部
-
5、浮动布局：实现横向多列布局 通过设置float属性：left、right、none，元素会左移、右移，直至碰到容器边缘 设置了浮动的元素，仍旧处于标准文档流中 ①当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化 ②当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素查看全部
-
position属性跟定位形式查看全部
-
对自适应宽度的元素绝对定位查看全部
-
偏移参照基准。 （绝对定位,如果没设置宽度,宽度会以内容的多少呈现）查看全部
-
当父包含块缩成一条时候,用clear：both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动查看全部
举报
0/150
提交
取消