-
1.设置了float浮动属性的元素不会脱离了标准文档流但是会脱离正常的文档流 绝对定位会脱离文档流。 2.通常不定义高度，尺寸会随着内容的改变扩展 3.要使主体自动居中时margin{0 auto}，设置浮动或者绝对定位会影响居中效果 4.元素右浮动后，后面的元素会上移，紧挨着左侧显示 5.清除浮动 clear:both/left/right（用于受 紧邻浮动元素影响的元素） 或者overflow:hidden(用于页面主体受包含元素的浮动影响)查看全部
-
溢出属性 overflow:hidden;查看全部
-
清除浮动注意查看全部
-
作为父元素a 为静态定位，也就是标准文档流，相当于没有设置定位 即，b是包含在一个没有设置定位的父元素当中，那它设置绝对定位的时候，他偏移的基准就是以页面根节点（html）为参考的 ----详细参考 4.3 绝对定位及相关笔记查看全部
-
使用绝对定位实现两列横向排布 比较少 常用于：一列为固定宽度，另一列宽度自适应的情况，具体做法如下： 1.对它的父元素 设置 相对定位（relative） 2.对需要设置自适应宽度元素 设置绝对定位 即，设置绝对定位元素，一定是在相对定位元素的里面 3.必须注意一点（弊端）：其中 固定宽度列的高度，必须 > 自适应宽度列的高度，否则内容多的时候，会超出显示范围（应为其已经脱离文档流，无法撑开父元素，高度自动控制）查看全部
-
当元素设置为绝对定位后，元素也会 多出两类属性：偏移量属性 和 Z-index属性 不同的是： 1.该元素已经脱离了标准文档流（不占位） 2.建立的定位基准不是该元素的原来位置，而是分两种情况 2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化而变化） 2.2：设置了偏移量：又分两种情况（A.无已定位的祖先元素 B.有已定位的祖先元素） A.无已定位的祖先元素:它会以根节点（<html>）为偏移参照基准 B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准查看全部
-
当元素设置 相对定位后： 1.元素相对于自身原有的位置进行了偏移 2.但元素仍然处于标准文档刘当中 3.同时，随即 多出两个属性：偏移量属性 和 Z-index属性查看全部
-
position:static(静态定位) 即 默认定位 元素还处于标准文档流当中 ------------------------------------- position:absolute(绝对定位) position:fixed（固定定位） 均属于 绝对定位查看全部
-
浮动，始终 是 沿着 他的包裹层 向左 或 向右 浮动查看全部
-
为了演示方便（撑的开），事例中为块设置了高度， 实际当中：是不建议设置的，而由内容动态的撑开，如果设置高度，则会与overflow:hidden;属性冲突，照成内容不能自动伸缩，显示不了或显示不全的后果查看全部
-
子包含块设置浮动后，会对父包含块产生影响，原来由子块撑开的高度，一下不起作用了。上下缩成一条线， 这时，给父块设置Clear:both 是没有用的，必须使用溢出属性 overflow:hidden; 才行。查看全部
-
虽然 类似 <br /> 这样的空标签 可以实现 清除浮动的影响， 但是这些新增的空标签是对于页面没有语意的垃圾标签，对页面结构有影响，且不符合W3C标准查看全部
-
显然 是 P 标记 受到了浮动的影响 设置 “清除浮动属性” 是针对受浮动影响的标记 进行的，这里为P标记 设置 浮动清除查看全部
-
清除浮动的两个方法： 1.clear:both;left;right; 前提是你必须准确判断是那一侧受到了浮动的影响 2.同时设置宽度（100%或固定值）和 overflow:hidden 两个值查看全部
-
避免 浮动 带来的影响：清除浮动！查看全部
举报
0/150
提交
取消