CSS定位方式与相对宽度

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

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

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

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

在drcom认证网络中使用路由器

fèihuà

自从上学期开始使用校园网以来感到诸多不便,最主要有三点:

  • 一个帐号限制一个终端。
  • 校园网的无线路由器质量太差经常丢包。
  • 用路由器连接校园网、再在路由器下用终端设备登陆是不行的,必须是校园网10.*.*.*的ip才能通过认证客户端(软件)登录校园网。

作为一个正在学习前端的萌新,chrome dev tools自带的工具不足以满足多设备测试的需求,需要用到实际硬件测试。也就是说,我需要把好几个设备连接到网络,而这与我校校园网“只能连接一个终端”的规定冲突。