-
设置浮动会对紧邻的后一个元素造成影响, float:left; 元素会浮动在紧邻的后一个元素的左侧, float:right; 元素会浮动在紧邻的后一个元素的右侧。查看全部
-
left right none auto查看全部
-
横向两列布局查看全部
-
标准文档流 浮动定位 绝对定位查看全部
-
当元素设置浮动属性后,会对相邻的元素产生影响,相邻的元素特指紧邻后面的元素查看全部
-
CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。 需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。查看全部
-
当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化查看全部
-
两种清除浮动方法的使用场景: 1、当子元素设置了浮动,父元素没有设置浮动而导致的父元素高度不能自动扩展,缩成一条线,子元素从父元素中溢出时,适合使用同时设置width:100%(或固定宽度值)+overflow:hidden的方式来清除浮动;此法可同时去除紧邻的块级受到的浮动影响,而不需要再对受到浮动影响的紧邻块级元素设置去除浮动。 2、如果是紧邻的块级元素受到浮动影响,对该受到影响的块级设置clear:both或者clear:left,clear:right更为合适。 width设置为100%就是继承父容器的宽度。左右撑满整个容器,为自己清除浮动创建条件。再加溢出隐藏,就可以把包裹浮动的部分去除。 1.p{clear:both;} 2.p{width:100%;overflow:hidden;}查看全部
-
当背景图片小于盒子面积时,不加no-repeat,背景图片会多次重复直到填满整个盒子;反之,只填充一次。查看全部
-
网页结构查看全部
-
盒子模型尺寸查看全部
-
盒子模型的三维立体图 一:边框; 二:内容加内边距; 三:背景图片; 四:背景颜色; 五:外边距;查看全部
-
横向两列布局: 使用absolute实现横向两列布局——常用于一列固定宽度,另一列宽度自适应的情况查看全部
-
绝对定位特点: 1.建立了以包含块为基准的定位 2.完全脱离了标准文档流 3.随即拥有偏移属性和z-index属性 当未设置偏移量的特点: 1.无论是否存在已定位的祖先元素,都保持在元素初始位置 2.脱离了标准文档流(当元素没有设置宽度时,随着内容的增加宽度增加) 当设置了偏移量: 偏移参照基准: 无已定位祖先元素,以<html>为偏移参照基准 有已定位祖先元素,已距其最近的已定位祖先元素为偏移参照基准查看全部
-
相对定位的特点: 1.相对于自身原有位置进行偏移 2.仍处于标准文档流中 3.随即拥有偏移属性和z-index属性查看全部
举报
0/150
提交
取消