-
absolute查看全部
-
relative/absolute/float: absolute:1、位置跟随（没有定位时在什么位置，定位之后依然在什么位置） 无依赖：和父元素没有关系，独立成个体。 absolute和float是兄弟关系，两者有相似之处，都会脱离文档流。查看全部
-
clear:清除浮动 relative:absolute越与之分离功能越强大。查看全部
-
overlay实现全屏覆盖，例如菊花转等，page是内容盒子，overlay要与page平级。查看全部
-
.content{ position:absolute; top:48px; bottom:52px; left:250px; overflow:hidden;//当内容过多时，出现滚动效果，但是header/footer/aside都不滚动，不用且避免了fixed在移动端不好的效果。 }查看全部
-
header,footer{position:absolute; left:0; right:0}//left+right实现左右拉伸 header{height:48px; top:0;} footer{height:52px; bottom:0;} aside{position:absolute; left:0; top:0; bottom:0;}查看全部
-
默认情况下爱body高度是0，所以想要让子元素满屏，必须设置body高度为100%才有效查看全部
-
width + left/right + margin会出现绝对定位元素的居中效果 不用在使用js计算，只使用简单的css就可以实现。查看全部
-
高度自适应布局查看全部
-
上一页/下一页图片的浏览效果不需要通过js计算图片高度再定位，只需要设定absolute属性，再加上top:0 bottom:0就可以实现拉伸查看全部
-
inline-block可以使得容器具有包裹性，也就是容器的尺寸刚好就是图片的宽和高查看全部
-
使用left/right比width更强大查看全部
-
left/right/top/bottom和width/height可以相互替代查看全部
-
absolute不依赖于z-index查看全部
-
引自：https://developer.mozilla.org/en-US/docs/Web/CSS/position “absolute Do not leave space for the element. Instead, position it at a specified position relative to its closest positioned ancestor or to the containing block. Absolutely positioned boxes can have margins, they do not collapse with any other margins.” 现在感觉对这段话理解了很多。之前看完就和没看一样。。。查看全部
举报
0/150
提交
取消