最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
完美实现两个div并排且宽度为50%
时间：2022-06-25 09:40:15 编辑：袖梨 来源：一聚教程网
在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 |
|
相关文章
- 原神少女哥伦比娅值得抽吗 新角色哥伦比娅问题解答 08-08
- 明日方舟：终末地情报档案收集攻略 情报档案收集分享 08-08
- 原神6.3版本月之四角色抽取攻略 少女抽取优势建议 08-08
- 无限暖暖若生命如诗2.1版本 巨兽养成计划玩法介绍 08-08
- 七猫小说下载到本地的怎么找 七猫小说下载保存路径介绍 08-08
- 崩坏：星穹铁道货币战争攻略 货币战争成就获得攻略 08-08