在ie8,ff3下都可以,当我用ie6一看就折行了。网上搜了搜,发现在ie6,ie7下如果总宽度为奇数就折行,为偶数正常。打个比方:总宽度为800,那2个div刚好就400,如果总宽度为799,那ie8,ff3下会把分配好,一个400,一个399。而ie6,ie7就都分配成400,加起来800大于799所以会折行。
看来直接设width:50%是行不通了。
后来想到网上流行的两列布局,一列固定一列自适应。先把一列固定为50%,然后另外一列不设置应该也是50%,代码如下:
| 代码如下 | 复制代码 |
left right |
|
IE7,IE8,FF3下ok,IE6也可以,但是left和right有3px间距,这个是IE6有名的Bug。解决方法就是给left设margin-right:-3px;right设-zoom:1; _margin-left:0px;完整代码如下:
| 代码如下 | 复制代码 |
left right |
|
推荐ASP超速入门视频教程
CLAUDE.md 引入 AGENTS.md,Codex 与 Claude Code 会共享同一套规则吗?
借助 AI 梳理陌生代码库:一套分阶段项目导览流程
从 LangChain 迁移到 LangGraph:重构 RAG 知识库流程
读完开源 AI Agent 源码,我重新审视了文件验收机制
从字符串约定到 LangChain:拆解 LLM 的 Tool Calling 流程