动画推荐:青春猪头少年不会梦到兔女郎学姐

『青春ブタ野郎はバニーガール先輩の夢を見ない』(译名《青春猪头少年不会梦到兔女郎学姐》)终于完结了。说实话看到这个俗气的片名的时候我是拒绝的,后来被朋友再三推荐,又看见原作作者是鸭志田一才点开了第一集。看了两集后直接把原作买了,和《末日时》一样,又是一部被片名耽误了的佳作。

Surface Go键盘开箱

键盘到手,微软天猫官方店购入,酒红色。

外观与手感

酒红色很好看,键盘按键间距比pro的小,但触摸板比pro的大。但是得益于交叉式机械结构,键盘手感意外的好。键程比较短,但仍然回弹清脆有力,触底清晰。相对于一般笔记本软绵绵的薄膜键盘来说,体验真的一个天一个地。

CSS定位方式与相对宽度

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

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

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

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