我们定义一个最基本的层boxtest:
| 代码如下 | 复制代码 |
| #boxtest{ border:20px solid #60A179; padding: 30px; background : #ffc; width : 400px; } |
|
标准情况下,这个盒的宽度是:20+30+300+30+20=400px。
但是在IE5.0浏览器中,对盒模型的宽度解释有个bug,它认为300 px是整个盒的总宽度,内容的宽度变成:300-20-30-20-30=200px。
为了弥补这个bug,采用一个技巧:即增加一个IE5不能解释的声音属性"voice-family",读到这个定义时浏览器就不再继续阅读,认为宽就是400px,但而其他符合标准的浏览器会继续阅读,并执行第二个真实值300px。
| 代码如下 | 复制代码 |
| #boxtest{ border:20px solid #60A179;; padding:30px; background: #ffc; width :400px; voice-family : ""}""; voice-family :inherit; width : 300px; } |
|
同样,在Opera7.0以前的浏览器也有这样的解析bug。但我们并不需要使用伪值,有更简单的办法解决这个问题: html>body .content { width :300; }
同时开多个Claude Code怎么管理?一文分享五大Claude Code多会话管理方案实用指南
OpenCode报错Rate limit exceeded:限流原因、日志定位与修复步骤实用指南
OpenClaw千帆模型切换:精准配置步骤与关键命令完整指南
PostgreSQL四种常见部署模式对比完整指南
DeepSeek Harness第三方模型配置实践教程:桌面端、网页端与兼容接口实测实用指南
OpenClaw阿里云部署实践指南:从服务器搭建到QQ端接入使用实用指南