-
absolute和fixed区别查看全部
-
absolute与fixed相同点： 1，完全脱离标准文档流 2， absolute： 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位； fixed： 生成绝对定位的元素，相对于浏览器窗口进行定位；查看全部
-
固定层效果：实例：淘宝网 、QQ空间等 掌握基础知识： 1.position属性,又称position定位,有3种形式的定位：静态定位、相对定位、绝对定位。 影响因素： 1.属性的取值，2.元素偏移量，3.元素偏移参照基准 position有三种形式的定位：静态定位 相对定位 绝对定位（absolute fixed） position属性值：static-静态定位， relative-相对定位，absolute-绝对定位，fixed-固定定位。 绝对定位特点【absolute与fixed同属于绝对定位】：完全脱离标准文档流，兄弟元素不再受其影响查看全部
-
1.由于给top选择器设置fixed固定定位时，(top层已经脱离了标准文档流)没有对其设置偏移量，以其父包裹层定位，（当top选择器fixed固定定位设置了偏移量时，则top层的位置按照所设置的偏移量的位置定位），而其父包裹层body的margin与mainbody的上margin值发生了重叠，（此时的body与mainbody属于标准文档流）mainbody的上margin值大于body的margin值，选择了mainbody的上margin值20px（标准文档流中上下margin发生重叠时选择margin值大的那个）所以body下移20px；top层又以body层定位，从而导致了top层与浏览器可视窗口产生了距离。为了保持top层与浏览器窗口紧挨着，则需对top层的固定定位设置偏移量top:0； 2.第一步对top层设置偏移量后top层紧随其后的兄弟元素会占据其原来的位置，所以mainbody层上移占据原来top层的位置。导致原来top层与mainbody层20px的间距没有了。在mainbody层的上外填充加上一定的高度就可以解决了。查看全部
-
在垂直方向上，margin-top值存在重叠----也就是外边距合并：当两个垂直外边距相遇时会发生外边距合并，合并后的外边距的高度等于两个外边距中较大的外边距值。这只发生在普通文档流中的块级框中，而行框、绝对定位以及浮动则不会出现。所以一般建议在父级元素里加margin，在子级元素里用padding。查看全部
-
absolute和fixed的不同点 absolute: 1,无已定位祖先元素，以<html>为基准偏移； 2，有已定位祖先元素，以距其最近的、已定位的祖先元素为基准偏移； fixed: 1,有、无已定位祖先元素，都以浏览器的可是窗口为基准偏移；查看全部
-
顶部固定层查看全部
-
abosolute与fixed的不同点 设置偏移量时，偏移参照基准 absolute 1.无已定位祖先元素，以<html>为基准偏移 2.有已定位祖先元素，以距其最近的、已定位的祖先元素为基准偏移 fixed 1.有、无已定位祖先元素，都以浏览器可视窗口为基本偏移 不同点： absolute 1，会随滚动条变化 fixed 1，位置固定，不会随滚动条变化 2，被他遮盖的元素，可以从其下穿过查看全部
-
固定层效果：实例：淘宝网 、QQ空间等 掌握基础知识： 1.position属性,又称position定位,有3种形式的定位：静态定位、相对定位、绝对定位。 影响因素： 1.属性的取值，2.元素偏移量，3.元素偏移参照基准 position有三种形式的定位：静态定位 相对定位 绝对定位（absolute fixed） position属性值：static-静态定位， relative-相对定位，absolute-绝对定位，fixed-固定定位。 绝对定位特点【absolute与fixed同属于绝对定位】：完全脱离标准文档流，兄弟元素不再受其影响查看全部
-
已知一 div 高 35px，紧邻其后的 X 元素上外边距为 15px，为该 div 设置 fixed 定位后，下列描述正确的是（） div与浏览器可视窗口上边界相距15px 因为div元素设置了fixed属性,则其就会脱离标准文档流.然后x元素就成了在标准文档流中紧邻body元素的元素,随即他们在上下边距方向上相遇了.这就产生了magin重叠问题.fixed元素的边距取两者边距属性较大者,body的magin-top就隐含成了15px. 但是,这里设置了fixed的div元素并没有设置top属性,则其仍按父包裹层(body)的位置不动. 所以,根据以上分析,div元素 和 x元素都与浏览器可视窗口上边界相距15px.查看全部
-
absolute与fixed的相同点： 完全脱离标准流。 没有设置偏移量时在父元素左上角。 不同点： 设置偏移量时的基准 absolute: 1、无已经定位的祖先元素时，以html为基准偏移，随滚动条移动而移动。 2、有已经定位的祖先元素时，以最近的已经定位的祖先为偏移基准，随滚动条移动而移动。 fixed： 1、有无定位的祖先元素，都是以浏览器的可视图为基准偏移。不随滚动条移动，永远定位在固定的位置，滚动条移动时其他元素可从其下面上下穿过，常用于导航条始终在可视范围内时。 当希望该元素处于父元素内时，不设偏移量，否则会以可视窗口为基准偏移。 不设偏移量时： fixed: 1、有已经定位的祖先元素，以最近祖先为基准。 2无已经定位的祖先元素，以窗口视图为基准。查看全部
-
absolute与fixed相同点： 1，完全脱离标准文档流 2， absolute： 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位； fixed： 生成绝对定位的元素，相对于浏览器窗口进行定位；查看全部
-
什么时候该设置偏移量？ 在对元素设置固定定位时，如果希望本元素包含起父包含块中，不需要对其设置偏移量。 {position: fixed;}没有设置偏移量的方向依然会保持在父包含块。 也就是说： 在其没有设置偏移量的时候，偏移量参数值默认为当前fixed的元素与浏览器可视窗口的偏移数值！ 同理，对于{position: absolute;}的元素也是一个道理，没有设置的偏移量数值默认为当前其相对与最近的有{position: relative;}的祖先元素的偏移数值！查看全部
-
固定层效果：实例：淘宝网 、QQ空间等 掌握基础知识： 1.position属性,又称position定位,有3种形式的定位：静态定位、相对定位、绝对定位。 影响因素： 1.属性的取值，2.元素偏移量，3.元素偏移参照基准 position有三种形式的定位：静态定位 相对定位 绝对定位（absolute fixed） position属性值：static-静态定位， relative-相对定位，absolute-绝对定位，fixed-固定定位。 绝对定位特点【absolute与fixed同属于绝对定位】：完全脱离标准文档流，兄弟元素不再受其影响查看全部
-
fixed是否设置偏移量查看全部
举报
0/150
提交
取消