CSS定位方式与相对宽度

前段时间有个后端小伙伴被拉去写前端,出现了一个让他困惑不已的问题:明明给子元素设置了width:80%;可为什么还是子元素超出了父元素的宽度?

这里涉及到width属性的值的类型:width属性可以设置两种值,一种是绝对长度值,另外一种是相对长度值,相对长度值又根据参照物不同分为view height/view widthpercentage

所谓相对长度,那肯定会有参照物,其中vh/vw方式是参照窗口高宽确定的(浏览器参照),percentage方式是参照DOM元素确定的(页面内部参照)。但是问题就出现在这里,percentage参照的是哪个元素呢?是body、父级、还是兄弟元素?它又有哪些规则?

为了说明,我写了个简单的演示。

SeekMoe网盘

戳这里访问:SeekMoe网盘

突然想到一些事情,如果把文本和媒体分开放,网站做修改和迁移都会简单很多。于是搞了个网盘准备将本站所有媒体文件都替换到这里。onedrive302重定向太慢了,整站外链不太现实。

支持外链,需要的可自行取用(由于有时可能会改文件名,所以不保证有效期)

[已停用]安装了RSSHub

无暇维护,已停用,请用diygod的服务。

最近在服务器上安装了RSSHub,这样就不用去占用DIYgod大佬的服务器资源了(我发送的请求还挺多的)。安装过程太简单不多讲,用git clone命令从GitHub拉下来然后npm install。修改config.js后用forever运行(也可以用pm2),毕竟npm start是前台运行的。

服务地址:Welcome to RSSHub!

选择用666端口,一是80已经被ngnix占用,懒得做反向代理;二是不想让太多人用。

已经克服懒癌改到443端口啦~