-
margin不能与float和position同时使用，否则居中效果不管用查看全部
-
margin:0 auto;查看全部
-
margin:0 auto; 注意边距和宽度 #right我加了top:0;才好的，不知有没有更合适的呢？查看全部
-
使用绝对定位实现横向两列布局查看全部
-
使用absolute实现横向两列布局： ——常用于一列固定宽度，另一列宽度自适应的情况。 主要应用技能： 1.relative--对父元素进行相对定位； 2.absolute--对需要自适应宽度的元素进行绝对定位。 需要注意的是：固定宽度列的高度>自适应宽度的列查看全部
-
绝对定位的特点： 1.建立了以包含块为基准的定位（*包含块：盒子包装原理--〈div class="box"><div class="box1"></div></div>*） 2.完全脱离了标准文档流（不占据文档流的空间） 3.随机拥有偏移属性和z-index属性 绝对定位：区分偏移量的有无 偏移量参照基准（参照元素设置偏移量，就没有该概念了） 元素有无偏移量的区别： 不设置偏移量时特点：无论是否存在“已定位祖先元素”，都保持在元素初始位置；脱离标准文档流； 设置偏移量时特点： 1.无已定位祖先元素：以〈html〉标签为偏移参照基准 2.有已经定位的祖先元素：以距它最近的元素为基准（如果有多个包裹层时） （注释：当一个元素设置绝对定位，没有设置宽度是，元素的宽度根据内容进行调节，内容越多越宽）查看全部
-
相对定位（relative）特点： 1.相对于自身原有的位置进行偏移； 2.仍处于标准文档流中； 3.随即拥有偏移属性和z-index属性； 注：定位布局中,除了绝对定位（脱离文档流，对其他元素没有影响），其他都是处在标准文档流中的，包括float也是查看全部
-
【绝对定位布局】 通过设置position属性实现，是CSS中规定的第三种定位机制，能够实现横向多列布局及较为复杂的定位， 例如：带有遮罩层效果的提示框、固定效果层、全屏广告... position拥有三种定位形式：1、静态定位 2、相对定位 3、绝对定位 可设置4个属性值：1.static(静态定位)2.relative（相对定位）3.absolute（绝对定位）4.fixed（固定定位） （静态定位：'static',相对定位:'relative'，绝对定位："absolute&fixed"）查看全部
-
横向两列布局 float属性是纵向排列的块级元素横向排列，margin设置两列之间的间距 自动居中要使用wrap层将页面包裹起来 父级包裹元素未设置浮动，子元素设置float,父级元素高度无法扩展,缩成一条，需要清除浮动影响.但是不能使用clear:both属性，因为clear是针对紧邻其后的元素使用。此时需要使用 overflow:hidden 清除浮动影响。 div高度一般不要设置。 父层设置overflow:hidden;溢出隐藏属性后若再设置高度，内容超出父层会被隐藏，父层就无法随着内容的增高自动扩展高度了。查看全部
-
绝对定位和浮动如果没有设置高度和宽度的话，他的div大小随着内容变化查看全部
-
相对定位查看全部
-
绝对定位大框架查看全部
-
使用float属性后其后的块会受到影响查看全部
-
清除浮动方法： 1、clear属性常用clear:both;（给浮动元素的后面的元素使用） 2、设置width:100%（或固定宽度）+overflow:hidden;（一般情况下对受到浮动影响的元素设置这些属性，给浮动元素的包裹层使用，常用于因未设置高度而看不见的包裹层。） 空标签无意义，不建议使用此方法清除浮动。查看全部
-
使用块级元素实现横向排列布局 CSS中规定的第二种定位机制：浮动布局（float属性） left\right\none 1.设置了浮动的元素，仍旧处于标准文档流中 2.当元素没有设置宽度值width，而设置了浮动float属性，元素的宽度随内容的变化而变化 3.当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素查看全部
举报
0/150
提交
取消