-
因为div元素设置了fixed属性,则其就会脱离标准文档流.然后x元素就成了在标准文档流中紧邻body元素的元素,随即他们在纵轴方向上相遇了.这就产生了magin重叠问题.根据重叠原则(上一节有讲),body的magin-bottom就隐含成了15px. 但是,这里设置了fixed的div元素并没有设置top属性,则其仍按父包裹层(body)的位置不动. 所以,根据以上分析,div元素 和 x元素都与浏览器可视窗口上边界相距15px.查看全部
-
在对元素设置固定定位是，如果希望本元素包含其父包含快中，不需要对其设置偏移量查看全部
-
已理解，需要练习查看全部
-
标准文档流中，当两个垂直边界（margin-top或margin-bottom）（且仅仅只在纵向的垂直边界）相遇时，它们将重合 形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。<br> 补充解决方案：<br> 1.外层padding<br> 2.透明边框border:1pxsolidtransparent;<br> 3.绝对定位postion:absolute:<br> 4.外层DIVoverflow:hidden;<br> 5.内层DIV 加float:left;display:inline;<br> 6.外层DIV有时会用到zoom:1; 当给元素一个值为fixed的position属性时，如果设置了偏移量，就脱离了该元素的包裹层（父元素），其兄弟元素会占据原有的位置。查看全部
-
absolute 与 fixed 不同点<br> absolute，<br> 1）无已定位祖先元素，以 <html> 为基准偏移；<br> 2）有已定位祖先元素，以距其最近的、已定位的祖先元素为基准偏移；<br> 3）位置会随滚动条变化。 fixed，<br> 1）有、无定位祖先元素，都已浏览器可视窗口为基准偏移； 2）位置固定，不会随滚动条变化； 3）被他遮盖的元素，可以从其下穿过。查看全部
-
absolute 与 fixed 相同点 1）完全脱离标准文档流 2）在没有设置偏移属性时，都定位在其父元素的左上角查看全部
-
只有元素在设置相对定位，或者绝对定位后，此属性才有效，它的作用是设置元素所在的z轴层级。z-index值越大，元素层级越大。查看全部
-
fixed定位： 未设置偏移量时：以已定位的祖先元素为参照基准。 设置偏移量后：以html为参照基准查看全部
-
div设置fixed，脱离文档流，x元素占据div的位置，x元素和body的上边距发生重叠，变成15px,div没有设置偏移，以在父元素中的位置定位，而body此时的上边距为15px,div距离可是窗口15px查看全部
-
对元素进行固定定位，它的偏移的默认值是在父元素中的偏移查看全部
-
absolute和fixed的不同点 如果有已经定位的祖先元素，absolute以最近的已定位的祖先元素为参照基准进行偏移。如果没有，则以html为参照基准。 fixed无论有无已经定位的祖先元素，都已html为参照基准进行偏移。查看全部
-
absolute和fixed的相同点： 1、脱离文档流 2、未设置偏移时，定位在父元素的左上角查看全部
-
在垂直方向上，margin-top值存在重叠----也就是外边距合并：当两个垂直外边距相遇时会发生外边距合并，合并后的外边距的高度等于两个外边距中较大的外边距值。这只发生在普通文档流中的块级框中，而行框、绝对定位以及浮动则不会出现。所以一般建议在父级元素里加margin，在子级元素里用padding。查看全部
-
SayHiTo 正确的是： 只要是绝对定位（absolute、fixed），未设置偏移量时，都保持原始位置不动。 设置了偏移量后，absolute以离自己最近的定位祖先元素进行定位，如果无定位祖先元素，以html为基准进行定位； 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层的上外填充加上一定的高度就可以解决了。查看全部
举报
0/150
提交
取消