-
relative --- 父元素相对定位 absolute --- 自适应宽度元素绝对定位 固定宽度列的高度>自适应宽度的列查看全部
-
绝对定位:无定位祖先元素时,以<html>为基准;有定位祖先元素时,以最近的为基准;原来的位置被占据。 父包含块设置相对定位relative,作为绝对定位的参照基准 1.该元素已经脱离了标准文档流(不占位 宽度及长度显示随内容增减而增减)查看全部
-
相对定位的特点: 1.相对于自身原有位置进行偏移 2.仍处于标准文档流中,原来的位置不能被其他占据 3.随即拥有偏移属性和z-index属性 会覆盖其他内容进行偏移)查看全部
-
清除浮动影响:1,为受到浮动影响的元素设置clear:both; or clear:left; or clear:right, 2,设置width:100%(或固定宽度) +overflow:hidden; 3,<br/>标签,不建议使用此方法,对代码结构有影响查看全部
-
当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化 设置浮动会对紧邻的后一个元素造成影响, float:left; 元素会浮动在紧邻的后一个元素的左侧, float:right; 元素会浮动在紧邻的后一个元素的右侧。查看全部
-
position属性查看全部
-
w3c标准,结构化标准语言html 和xml 表现标准语言 css 行为标准语言dom和ECMASript css中的三种定位机制:1 标准文档流 2 浮动 3 绝对定位查看全部
-
相对定位:相对自己原来的位置移动,原来的位置不会被占据; 绝对定位:无定位祖先元素时,以<html>为基准;有定位祖先元素时,以最近的为基准;原来的位置被占据。父包含块设置相对定位relative,作为绝对定位的参照基准查看全部
-
使用absolute实现横向两列布局 ----常用于一列固定宽度,另一列宽度自适应的情况 主要应用技能 relative --- 父元素相对定位 absolute --- 自适应宽度元素绝对定位 注意:固定宽度列的高度>自适应宽度的列查看全部
-
绝对定位使用场景查看全部
-
当元素设置为绝对定位后,元素也会 多出两类属性:偏移量属性 和 Z-index属性 不同的是: 1.该元素已经脱离了标准文档流(不占位) 2.建立的定位基准不是该元素的原来位置,而是分两种情况 2.1:没有设置偏移量:无论是否存在已定位的祖先元素,都保持在元素初始位置,脱离文档流,宽度塌陷(随内容变化而变化) 2.2:设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素) A.无已定位的祖先元素:它会以根节点(<html>)为偏移参照基准 B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准 绝对定位不在文档流中(不会占位置,宽度及长度显示随内容增减而增减查看全部
-
3D模型(一到五层) border content+padding background-image background-color margin查看全部
-
流式布局 浮动布局 定位布局查看全部
-
横向两列布局查看全部
-
绝对定位以最近的设置了偏移量的祖先元素进行定位查看全部
举报
0/150
提交
取消