-
当父包含元素缩成一行时，用clear.both方法清楚浮动无效，它一般用于紧邻后面的元素的清楚浮动，用overflow：hidden;查看全部
-
个人补充一下，还有一种清除浮动的方法是使用伪类:after{ content:""; height:0; visibility:hidden; display:block; clear:both; }查看全部
-
绝对定位 特点： 建立了以包含块为基准的定位； 完全脱离了标准文档流； 随即拥有偏移属性和z-index属性。 未设置偏移量 特点： 无论是否存在已定位祖先元素，都保持在元素初始位置； 脱离了标准文档流。 设置偏移量 偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准； 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节 position:absolute;的偏移： 1.无已定位的祖先元素，则参照<html>进行偏移； 2.有已经定位的祖先元素，则参照离他最近的已定位祖先元素进行偏移查看全部
-
相对定位 特点： 相对于自身原有位置进行偏移； 仍处于标准文档流中； 随即拥有偏移属性和z-index属性。 z-index属性会产生空间的层堆叠，有z轴查看全部
-
你如果直接设置margin-top：0px 此时因为content处在sidebar下面 所以这句代码的意思是content的上界和sidebar保持0px的距离 但是设置top：0px的意思是在绝对定位中content相对于其父元素mainbody的上界保持0px的距离 那么此时自然就紧贴于mainbody的顶部了 总而言之 设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素 时间: 2016-03-13 15 [桥风L] 桥风L 如果不用margin-left而直接用left也是可以的，都是根据mainbody来定位的 你如果直接设置margin-top：0px 此时因为content处在sidebar下面 所以这句代码的意思是content的上界和sidebar保持0px的距离 但是设置top：0px的意思是在绝对定位中content相对于其父元素mainbody的上界保持0px的距离 那么此时自然就紧贴于mainbody的顶部了 总而言之 设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素 时间: 2016-03-13 15 [桥风L] 桥风L 如果不用margin-left而直接用left也是可以的，都是根据mainbody来定位的 你如果直接设置margin-top：0px 此时因为content处在sidebar下面 所以这句代码的意思是content的上界和sidebar保持0px的距离 但是设置top：0px的意思是在绝对定位中content相对于其父元素mainbody的上界保持0px的距离 那么此时自然就紧贴于mainbody的顶部了 总而言之 设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素 时间: 2016-03-13 15 [桥风L] 桥风L 如果不用margin-left而直接用left也是可以的，都是根据mainbody来定位的查看全部
-
绝对定位布局简介 position属性 1、position定位三种形式： 1、静态定位；（static） 2、相对定位；（relative） 3、绝对定位。（absolute、fixed） 2、可设置4个属性值： static（静态定位） relative（相对定位） absolute（绝对定位） fixed（固定定位）查看全部
-
w3c所倡导的是结构，样式，行为分离。 css中的定位为浮动定位，标准文档，绝对定位 其中标准文档的特点是像流水一样，从上到下，从左到右查看全部
-
w3c所倡导的是，结构，样式，行为分离查看全部
-
绝对定位 特点： 建立了以包含块为基准的定位； 完全脱离了标准文档流； 随即拥有偏移属性和z-index属性。 未设置偏移量 特点： 无论是否存在已定位祖先元素，都保持在元素初始位置； 脱离了标准文档流。 设置偏移量 偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准； 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节 绝对定位 特点： 建立了以包含块为基准的定位； 完全脱离了标准文档流； 随即拥有偏移属性和z-index属性。 未设置偏移量 特点： 无论是否存在已定位祖先元素，都保持在元素初始位置； 脱离了标准文档流。 设置偏移量 偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准； 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节 绝对定位 特点： 建立了以包含块为基准的定位； 完全脱离了标准文档流； 随即拥有偏移属性和z-index属性。 未设置偏移量 特点： 无论是否存在已定位祖先元素，都保持在元素初始位置； 脱离了标准文档流。 设置偏移量 偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准； 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节 绝对定位 特点： 建立了以包含块为基准的定位； 完全脱离了标准文档流； 随即拥有偏移属性和z-index属性。 未设置偏移量 特点： 无论是否存在已定位祖先元素，都保持在元素初始位置； 脱离了标准文档流。 设置偏移量 偏移参照基准： 无已定位祖先元素，以<html>为偏移参照基准； 有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节查看全部
-
浮动float属性会对其之后紧邻的元素造成影响，这个时候如果不希望这种影响存在，可以清除浮动，常用方法有两种: 为希望消除浮动影响的元素添加属性： 一：clear:both 二：width:固定值+overflow:hidden;查看全部
-
浮动布局 1、CSS中规定的第二种定位机制 能够实现横向多列布局 通过设置float属性实现 2、float属性 三个属性值： left---左浮动 right---右浮动 none---不浮动 特点：元素会左移、右移、直至触碰到容器为止 设置了浮动的元素，仍旧处于标准文档流中 3、当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化 当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素查看全部
-
自动居中一列布局 1、三个技能点： 标准文档流 块级元素 margin属性 2、在所有DIV外加上一个包裹所有的DIV(wrap),然后设置wrap的宽度和magin，magin的左右设为auto，这样就能实现页面自动居中了。 3、页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。查看全部
-
盒子3D模型： 1、边框border 2、内容加内边距content+padding 3、背景图片background-img 4、背景颜色background-color 5、外边距margin查看全部
-
盒子模型： 1、盒子模型=网页布局的基石 2、4部分组成： 1）边框（border） 2）外边距（margin） 3）内边距（padding） 4）盒子中的内容（content） ---top、right、bottom、left 3、属性设置：（如：“margin：a b c d;”） 1）a：指四个方向 2）ab：a指上下，b指左右 3）abc：a指上，b指左右，c指下 4）abcd：上 下 左 右 4、样式表： 外部样式 内部样式 行内样式 -- 优先级：就进原则（行内样式>内部样式>外部样式） 5、盒子模型： border-->content+padding-->bacbackground-image-->background-color-->margin 6、盒子模型尺寸： 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
W3C标准 1、由万维网联盟定制的一系列标准，包括： 结构化标准语言（HTML和XML） 表现标准语言（CSS） 行为标准语言（DOM和ECMAScript） 倡导结构、样式、行为分离 2、CSS中，存在3种的定位机制： 1）标准文档流（Normal flow） 2）浮动（Floats） 3）绝对定位（Absolute positioning） 块级元素：div、ul、li、dl、dt、p... 行级元素：span、strong、img、input...查看全部
举报
0/150
提交
取消