-
居中要设计margin：0px auto;width:80%;查看全部
-
盒子模型查看全部
-
行级元素查看全部
-
常见块级元素查看全部
-
绝对定位的宽度 随着内容的增加而扩展查看全部
-
position定位查看全部
-
因为浏览器会自动添加边距所以先初始化代码 *{margin:0;padding:0} #wrap{width:970px;margin:0 auto;} #mainbody{position：relative;margin-top：15px;} #left{float:left;width:110px;border:1px solid #999;} #mid{float:left;margin-left:13px;width:650px;border:1px solid #999;} #right{position:absolute;margin-left:790px;border:1px solid #999;}(790=110+13+650+17=790px)查看全部
-
box model layer definitions查看全部
-
横向两列布局 使用绝对定位实现横向两列布局，应用比较少 使用absolute实现横向两列布局：常用于一列固定宽度，另一列宽度自适应的情况 主要应用技能： relative--对父元素进行相对定位； 需要注意的是：***固定宽度列的高度要大于自适应宽度的列***因为自适应宽度脱离了标准文档流所以它无法把父元素撑开 absolute--对需要自适应宽度的元素进行绝对定位查看全部
-
绝对定位：区分偏移量的有无 元素有无偏移量的区别： 未设置偏移量特点： 1、无论是否存在已定位祖先元素，都保持在元素初始位置 2、脱离标准文档流 设置偏移量时特点： 1.无已定位祖先元素：以〈html〉标签为偏移参照基准 2.有已经定位的祖先元素（position三种定位中任意一个都是都算它定位了最好是relative因为没有脱离标准文档流而且它的基准是相对自身所以比较稳定，而且如果是absolute没有设置宽度，那么它的宽度会根据内容调节）：以距它最近的元素为基准（如果有多个包裹层时） （注释：当一个元素设置绝对定位，没有设置宽度是，元素的宽度根据内容进行调节，内容越多越宽） 宽度以百分数进行显示的时候是继承父元素宽度的百分之几查看全部
-
元素设置了浮动，并且没宽度时，它随着元素内容变大查看全部
-
清除浮动方法： 1、clear：both; 2、width:100%;overflow:hidden;查看全部
-
固定宽度列的高度要大于自适应宽度的列***因为自适应宽度脱离了标准文档流所以它无法把父元素撑开查看全部
-
float布局： 1.当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素。 2.当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。查看全部
-
渴死的水 横向两列布局 使用绝对定位实现横向两列布局，应用比较少 使用absolute实现横向两列布局：常用于一列固定宽度，另一列宽度自适应的情况 主要应用技能： relative--对父元素进行相对定位； 需要注意的是：***固定宽度列的高度要大于自适应宽度的列***因为自适应宽度脱离了标准文档流所以它无法把父元素撑开 absolute--对需要自适应宽度的元素进行绝对定位查看全部
举报
0/150
提交
取消