-
通常height自适应,不用设置查看全部
-
盒子3D模型查看全部
-
块级元素和行级元素都是盒子模型。查看全部
-
CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。查看全部
-
盒子模型尺寸=边框(border)+外边距(margin)+内边距(padding)+盒子中的内容尺寸查看全部
-
盒子模型 外边距margin+边框border+内边距padding+内容content 盒子3D模型 border>padding+content>background-img>background-color>margin 外边距和内边距写法:三个值代表上、左右、下;2个值代表上下、左右;一个值代表上下左右; 背景图片background:url() 坐标 重复 颜色 浮动 float:left、right、none;设置浮动后会对后面相邻的元素产生影响;而要消除这种影响,需要对受到影响的元素清除浮动,方法1:width:100%,overflow:hidden;方法2:clear:both/left/right;同时也会对父元素产生影响,消除对父元素的影响,使用width:100%,overflow:hidden。 绝对定位 position:relative/absolute/fixed 相对定位relative不脱离文档流,相对于自己正常位置偏移 绝对定位absolute脱离文档流,相对于最近的有定位属性(relative、absolute和fixed)的父元素偏移; 使用绝对定位两列布局,应用比较少,适用于一列固定宽度,另一列自适应宽度的情况。方法是父元素relative,自适应的元素absolute,应注意固定列的宽度最好大于自适应列的宽度,否则可能会出现内容溢出现象查看全部
-
标签问题~查看全部
-
4-4 使用绝对定位实现横向的两列布局 不常使用,使用的场合: 使用absolute(绝对定位)实现横向两列布局常用于一列固定宽度,另外一列宽度自适应的情况。 技能: a.父元素设置relative相对定位. b.自适应宽度元素设置absolute绝对定位. 固定宽度列的高度 > 自适应宽度列的高度 因为一个元素设置绝对定位后,它会脱离标准文档流,就没有办法把父元素的高度给撑开了,这个时候就需要有一个相当于柱子的东西把页面撑开,让绝对定位的元素的能在里面放的下,而不从父元素溢出导致塌陷。查看全部
-
紧邻的块级元素受到影响 清除浮动应该是:clear:both;查看全部
-
盒子3D模型查看全部
-
盒子的3D模型 border (边框)+content+padding(内边距+内容) background-image(背景图 ) background-color`(背景颜色) +margin(外边距)查看全部
-
当一个元素设置绝对定位,没有设置宽度时,元素的宽度根据内容进行调节。查看全部
-
绝对定位——设置偏移量 偏移参照基准: 无已定位祖先元素,以<html>为偏移参照基准 有已定位祖先元素,以距其最近的已定位祖先元素为偏移参照基准查看全部
-
受到浮动影响的元素若需要消除影响,在style里将受到浮动影响的元素加入消除浮动的方法。 列如:p{clear:both;}or p{width:100%;overflow:hidden;}查看全部
-
已知一个设置了绝对定位的元素 b,位于其父元素 a 中,a 元素为静态定位,则 b 元素将以( html 元素)为基准进行偏移。 因为 a 元素为静态定位,所以要以根元素为基准进行偏移,也就是 html 元素。查看全部
举报
0/150
提交
取消