CSS布局
INF_MAX
这个作者很懒,什么都没留下…
展开
-
关于position:absolute的定位
一般网络上谈到关于position:absolute的绝对定位问题,有些地方会说:绝对定位元素相对的元素是它最近的一个已定位祖先,若没有这样的祖先则相对于body进行定位。这句话并不完全正确应参考W3school的解释:绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。请看如下代码<!DOCTYPE html><html lang="en"><head> <meta charset原创 2020-07-16 14:00:55 · 860 阅读 · 0 评论 -
关于css居中的三种常见方式
父盒子的position统一默认relative1、flex盒子(不考虑兼容).box { display: flex; align-items: center; justify-content: center; }2、css3偏移(不考虑兼容).box { position: relative; left: 50%; top: 50%; transform: translate(-50%,-50原创 2020-06-16 21:44:24 · 160 阅读 · 0 评论 -
Vue项目使用BetterScroll框架使用时遇到的问题
当页面中存在图片的加载功能时,会存在允许拖动区域小于可视距离的问题。在使用betterscroll时,其允许滚动的区域大小是根据scrollheight属性决定的,而其一开始计算的高度是不包括实际的图片的大小的。这就会导致图片会将页面撑大,问题就出现了。解决:在Vue中监听图片的加载完毕事件@load,emit传出事件给使用了scroll的地方此处会涉及父子兄弟等关系组件的传值问题,可以解决的相关知识点有1、VueX全局状态管理2、事件总线bus事件总线实际上不是一个Vu..原创 2020-06-06 16:21:10 · 298 阅读 · 0 评论 -
CSS如何实现竖排并列两个元素
container { display:flex;//弹性盒子flex-wrap:wrap;//按照子元素的宽度来包裹}child { width: 49%;}原创 2020-06-02 17:59:55 · 2226 阅读 · 0 评论