-
这么多相关自适应列和固定列的实例，固定列设置一个float属性或者position：absolute属性或者只符合标准流不设置任何定位属性，而按照各种情况，自适应列可以相应设置成position：absolute属性+margin属性；或者只设置margin属性；在或者同时设置前两种属性。这样配合就能完美克服了小白白的困惑。查看全部
-
原来如此，要注意咯：position：static;也就是静态定位的祖先元素，因为它的特点是静态地，不变的，不存在偏移。所以绝对定位的基准把它排除在外了。查看全部
-
自适应列和固定列混合完成多列布局时，margin属性均设置在自适应列上。查看全部
-
这节课讲的绝对定位实现两列布局：一列固定，一列自适应。存在一个不好的地方，就是把绝对定位属性与margin属性结合使用在自适应列上，尽管说实现了浏览器缩放时的自适应效果，那只限于内容比较多，内容不多撑不开元素，那么自适应效果就不直观了！ 原因就是，不设置宽度的且设置了绝对定位属性的元素，它的呈现出来的宽度就是完全由内容撑开的，受内容多少影响较大。 还有另外好的办法实现这种情况的两列布局。查看全部
-
特别注意一点就是：当存在一个没有设置高度的，仅靠着子元素撑开的父级元素，情况下，被当做柱子的子元素一定要是非绝对定位的元素，也就是柱子元素高度一定要大于绝对定位子元素高度。因为绝对定位的子元素脱离文档流，不靠谱了。查看全部
-
auto原理：（浏览器宽度-包裹层宽度（要设置））/2=外边距 如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。查看全部
-
绝对定位特点的细节描述： 1.绝对定位有个脱离标准文档流的大特征，一方面使得元素如果没有设置宽度，将在初始的位置汇聚成一点，任由内容的多少改变宽度。另一方面这个元素将不再与文档流中元素或者是同样设置绝对定位的元素产生任何位置影响，最多就是堆叠，用Z-index调动。 2.一旦设置了绝对定位属性，这个元素就会首先保持在原地，不管它有没有什么祖先什么的，它反正就是这样死守在原地不动。同时具备着1处的特点。 3.再接着设置偏移量，参考基准是谁？首先有已经定位的祖先元素（就是设置了position属性称已定位过了），就是最近的这个祖先元素。没有定位的祖先元素，就是以html元素为基准。查看全部
-
横向两列布局 网页布局最常见的方式之一 主要应用技能：float属性-使纵向排列的块级元素，横向排列； margin属性-设置两列之间的间距。 *{margin:0;padding:0;} 当父包含块缩成一条时，用clear:both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动。 div块的高度一般不需要设置。查看全部
-
auto会根据浏览器的宽度自动设置两边的外边距。 原理：（浏览器的宽度-外包含层的宽度）/2=外边距 如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。查看全部
-
padding:内边距 margin：外边距 solid：实线查看全部
-
清除浮动的常用方法： ①clear属性-常用clear:both; clear:left; 或者 clear:right; ②同时设置width:100%（或固定宽度）+overflow:hidden; 空标签无意义，不建议使用此方法清除浮动。查看全部
-
标准文档流（Normal flow）的特点：从上到下，从左到右，输出文档内容；由块级元素和行级元素组成。 块级元素的特点：从左到右撑满页面，独占一行；触碰到页面边缘时，会自动换行。常见块级元素，即块级标签，如：div、ul、li、dl、dt、p…… 内联元素的特点：能在同一行内显示；不会改变HTML文档结构。常见行级元素，即行级标签，如：span、strong、img、imput…… 块级元素和行级元素都是盒子模型。查看全部
-
已知一设置了绝对定位的元素b，位于其父元素a中，a元素为静态定位，则b元素将以（ ）为基准进行偏移。 因为a元素为静态定位，所以要以根元素为基准进行偏移，也就是html元素。查看全部
-
使用绝对定位实现横向两列布局，应用比较少。查看全部
-
绝对定位 特点：建立了以包含块为基准的定位；完全脱离了标准文档流；随即拥有偏移属性和z-index属性。 未设置偏移量的特点：无论是否存在已定位祖先元素，都保持在元素初始位置；脱离了标准文档流。 设置偏移量： 偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准。 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节。查看全部
举报
0/150
提交
取消