karshey的博客

摘要 文章探讨了CSS中overflow-x: auto;与overflow-y: visible;同时使用时，竖直方向内容被隐藏的问题。原因是当其中一个方向设为非visible值时，另一个方向的visible会被隐式计算为auto。解决方法是通过添加负margin和正padding来撑开容器高度，确保内容可见。该问题在MDN文档中有明确说明。

HTML元素默认层叠顺序由DOM顺序决定，后出现的元素覆盖先出现的元素。但图片因加载延迟可能覆盖后续元素，这是由于未加载时布局已完成，图片加载后覆盖在已布局元素上。解决方法是为被覆盖元素设置position:relative（隐式z-index:auto）。

提供两种第三方登录的API：HTML版和JS版。它们都使用的是封装好的按钮。也就是说，目前不能自己放置一个图片，点击它跳转第三方登录，而是。如果不想总是访问谷歌的库，可以进入此链接，把对应的代码复制到本地，本地引入库或上传到CDN引入。那么我们需要修改它的宽高、border-radius、logo和文字的位置或布局等。自动生成谷歌第三方登录的代码（这里的data-client_id随便在。需要用到谷歌的第三方登录，登录按钮有自己的样式。ps：访问谷歌文档需要科学上网。是自己加的类，用来改css。